It’s Alive! Dynamic Components in Angular
summary
Demo shows a runnable dashboard that lazily loads dinosaur and plant widgets, proving dynamic components reduce initial bundle size and work in the page with change detection wired up. Code uses createComponent one-liner with a ViewContainerRef, sets inputs via setInput, subscribes to EventEmitter instances, and performs async import of standalone component to avoid eager bundling. For cross-team plugins the talk recommends module federation for unknown paths and links a GitHub repo with the demo (deploy is attempted but flaky).
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:54Dynamic components in Angular
- 4:46Live demo
- 9:26Static vs dynamic
- 10:49Use cases
- 19:21How they work in code
- 23:19Lazy loading with async
- 25:03Inputs and events
- 28:21Advanced API methods
- 31:12Plugin components and federation
- 32:14Resources and demo
- 33:20Closing and Q&A
