Implement Code Splitting for Smaller Bundles

#angular #webpack

Install dependencies

npm install --save-dev webpack webpack-cli webpack-dev-server html-webpack-plugin clean-webpack-plugin

✅ Link: https://guillaume-ferber.medium.com/maximizing-performance-with-angular-tips-and-tricks-for-efficient-code-76939fe7333b

Angular initialization listeners

#angular

✅ Link: https://dev.to/ayyash/the-mystic-three-tokens-of-angular-appbootstraplistener-appinitializer-platforminitializer-76j

Custom RxJS Operators

#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

Angular theming using Dynamically Load CSS

#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

⚠️ 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

CSS rare properties

#css #textStroke

✅ Link: https://medium.com/@flemming.dierlamm/7-useful-css-tricks-ebe599185db