Tree-shakable Components and Optional NgModules
summary
Experimental Ivy APIs promise actual tree-shakable components that replace NgModules as the compilation and code-splitting unit, with concrete techniques shown: use of Single Component Angular Modules (SCAMs) today to mimic behavior, explicit change detection control via markDirty / detectChanges, and dynamic loading + bootstrapping through renderComponent. Code samples demonstrate how components list their declarable dependencies, how duplicates are handled, and how lazy loading works without classic NgModule indirection.
AI-written summary · about
chapters (12)
- 0:00Intro
- 3:38Ivy out-of-the-box
- 5:23Zoneless change detection with Ivy
- 7:37Tree-shakable components are
- 9:51Single component Angular modules
- 12:09Component render modules
- 13:56Feature render modules
- 16:04We use Angular modules to
- 16:30Bootstrapping tree-shakable components
- 17:52Lazy-loading tree-shakable components
- 19:02Tree-shakable components with Ivy
- 19:42Techniques for getting started today








