It’s alive! Dino-mic components in Angular
summary
Live demos show a dashboard that randomly instantiates dozens of widget components and confirms change detection and dependency injection work when components are inserted at run time. Code examples use a ViewContainerRef plus ComponentFactoryResolver, lazy-load NgModules via webpack and the ngModuleFactoryLoader, wire inputs/outputs on the componentRef, and implement a plugin system and SVG-embedded components. Results: reduced bundle size through lazy loading, functioning projection, and practical notes on moving toward Ivy and Web Components.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 0:49Demo
- 6:28Static components
- 7:35Dashboard
- 8:44Static code
- 12:21Dynamic components methods
- 14:33Content Management Systems
- 15:36Diagrams
- 17:33Plugin system
- 19:22Component creation
- 21:28Sources
- 22:52Inserting components
- 24:18Passing inputs and outputs
- 25:35Lazyloading components
- 27:37Factory loader
- 29:47Things to consider
- 31:21Outro
