β οΈ DestroyRef Provider in Angular
#angular #inject #destroyRef
π© > Angular 16
β Link: https://netbasal.com/getting-to-know-the-destroyref-provider-in-angular-9791aa096d77
#angular #inject #destroyRef
π© > Angular 16
β Link: https://netbasal.com/getting-to-know-the-destroyref-provider-in-angular-9791aa096d77
Angular initialization listeners
#angular
β Link: https://dev.to/ayyash/the-mystic-three-tokens-of-angular-appbootstraplistener-appinitializer-platforminitializer-76j
#angular
β Link: https://dev.to/ayyash/the-mystic-three-tokens-of-angular-appbootstraplistener-appinitializer-platforminitializer-76j
This media is not supported in your browser
VIEW IN TELEGRAM
CSS transition-timing-function
#css #animation
β Link: https://ishratumar.medium.com/css-transitions-and-sub-properties-explained-33745cc571b5
#css #animation
β Link: https://ishratumar.medium.com/css-transitions-and-sub-properties-explained-33745cc571b5
Custom RxJS Operators
#rxjs #custom
β Link: https://medium.com/@henriquecustodia/creating-custom-rxjs-operators-e7069d12164f
#rxjs #custom
β Link: https://medium.com/@henriquecustodia/creating-custom-rxjs-operators-e7069d12164f
JS Performance: Secrets to Reducing DOM Operations π
β³οΈ When we change the DOM, the browser must redraw the page, which can be slow and time-consuming. By reducing the number of DOM operations, we can keep page redrawing to a minimum, improving code performance.
#js
β Link: https://medium.com/front-end-weekly/boost-your-javascript-performance-secrets-to-reducing-dom-operations-4160162bd952
β³οΈ When we change the DOM, the browser must redraw the page, which can be slow and time-consuming. By reducing the number of DOM operations, we can keep page redrawing to a minimum, improving code performance.
#js
β Link: https://medium.com/front-end-weekly/boost-your-javascript-performance-secrets-to-reducing-dom-operations-4160162bd952
Angular theming using Dynamically Load CSS
#angular #theme
β οΈ To see the effect, compile the app with ng build.
β Link: https://medium.com/@piyalidas.it/angular-theme-integration-using-dynamically-load-css-1617147799bf
#angular #theme
β οΈ To see the effect, compile the app with ng build.
βstartβ: βnpm run build && ng serveβ
β Link: https://medium.com/@piyalidas.it/angular-theme-integration-using-dynamically-load-css-1617147799bf
β οΈ
#angular #guard #createUrlTreeFromSnapshot
π© > Angular 15
β Link: https://blog.herodevs.com/functional-router-guards-in-angular-15-open-the-door-to-happier-code-4a53bb60f78a
createUrlTreeFromSnapshot using in Angular#angular #guard #createUrlTreeFromSnapshot
π© > Angular 15
β Link: https://blog.herodevs.com/functional-router-guards-in-angular-15-open-the-door-to-happier-code-4a53bb60f78a
Unsubscribe observables using the Directive Composition API
#angular #directive
π© > Angular 15
β Link: https://medium.com/@lucasousi/unsubscribe-observables-like-a-pro-using-the-angular-directive-composition-api-78438408a9ff
#angular #directive
π© > Angular 15
β Link: https://medium.com/@lucasousi/unsubscribe-observables-like-a-pro-using-the-angular-directive-composition-api-78438408a9ff
CSS rare properties
#css #textStroke
β Link: https://medium.com/@flemming.dierlamm/7-useful-css-tricks-ebe599185db
#css #textStroke
β Link: https://medium.com/@flemming.dierlamm/7-useful-css-tricks-ebe599185db
ngComponentOutlet using in Angular#angular #ngComponentOutlet
β Link: https://ankit-kaushik.medium.com/component-switching-dynamically-using-lazy-loading-in-angular-templates-81f026e4b148
CSS Nesting is now available
#css
β Link: https://medium.com/codex/css-nesting-is-now-available-with-vanilla-css-e12f29fe16e7
#css
β Link: https://medium.com/codex/css-nesting-is-now-available-with-vanilla-css-e12f29fe16e7