Rockin’ in the Angular World
summary
Covers practical fixes for Angular applications: avoid a monolithic shared NgModule and move service providers out of module scope to prevent corruption; use lazy routes with dynamic ES2015 imports to reduce initial bundle size; run daily production (AOT) builds to catch errors JIT misses and adopt Ivy to make NgModules optional. Also recommends Bazel or a build cache to speed incremental builds, run bundle-analyzer and enforce budgets (example: removed ~200–300 KB by dropping an unwanted date library), and centralize a single design system.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 5:13Difference between ES6 and Angular
- 9:15Dependencies
- 12:04Dynamic loading
- 13:13Organizing the directory structure
- 14:29Generating Angular libraries
- 15:29Deployers
- 16:56Relative paths
- 23:19Tip #2
- 27:04Tip #3
- 29:11Tip #4
- 30:42Tip #5
- 34:12Tip #6
- 36:57Tip #7
- 38:39Tip #8
- 39:43Tip #9
- 41:45Tip #10
related talks
19mTuning Your Angular Application
40mOptimized Angular Apps: Smaller, Faster, Better
17mRethinking Angular Architecture & Performance
19mThe Angular Journey - today and tomorrow – Radoslav Kirov
41mState of Angular
23mAngular optimization tips and tricks
29mDay 3 Keynote – Igor Minar
01h 13mInternals of the Angular CLI