The Rise of a new Engine: Angular Ivy
summary
Angular Ivy is the default renderer since Angular 9 and claims up to 30% faster compilation and 30–40% smaller bundles by pruning unused DOM creation code. It enables runtime patterns: lazy load components via dynamic import + ComponentFactoryResolver and ViewContainerRef.createComponent; higher-order components by manipulating the component’s static definition to inject inputs or subscriptions; and makes it practical to drop NgModules and treat Zone.js as optional by using the private markDirty API to trigger change detection.
AI-written summary · about
chapters (10)
- 0:00Introduction and speaker intro
- 3:07About the speaker and community work
- 4:56Why support Angular Ivy
- 6:41Ivy rendering pipeline explained
- 9:50Benefits of Ivy in bundle sizes
- 10:11Lazy loading components demo
- 18:39Removing Angular modules with Ivy
- 19:20Higher order components concept
- 25:02Disabling Zone.js with Ivy
- 29:15Summary and future of Ivy
