6 Tips to Improve Your Angular Web App

on YouTube ↗15m

" summary

Practical Angular improvements: configure tsconfig paths and angular.json stylePreprocessorOptions to avoid deep relative imports and SCSS path issues; use trackBy with item id to prevent full list re-renders (demo shows only the changed item repaints); use browser paint-flashing and slow-3G throttling to diagnose rendering; prefer the async pipe with as to avoid duplicate subscriptions and reduce memory use; and use route resolvers to preload data when it must be available before component initialization.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 0:22Alias for imports
3. 1:26Alias for SCSS styles
4. 1:47Track by for performance
5. 3:53Unsubscribe observables
6. 5:16Use Angular pipes
7. 6:38Async pipe and subscriptions
8. 7:40Resolvers for data
9. 13:42Conclusion

" related talks

• 16m6 Tips to improve your Angular web appCamille PILLOT · Voxxed Days Luxembourg 2023
• 19mTuning Your Angular ApplicationBonnie Brennan, Matt Carniatto · ngVikings 2019
• 45mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Jfokus 2019
• 34mHigh-Performance Applications with AngularNir Kaufman · Ng-Poland 2017
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018
• 23mAngular optimization tips and tricksMohamed Agoulzi · BlaBlaConf 2022
• 33mPerceived faster Angular applicationsCathrin Möller · NG-DE Conference 2022