Angular's Future w/out NgModules Architectures w/Standalone Components
summary
Claim: standalone components remove the need for NgModules and enable direct routing and lazy loading with concrete APIs. Shows using provideRouter and the bridging helper importProvidersFrom, pointing loadChildren at route configs or using loadComponent, and declaring route-scoped providers to create DI scopes. Covers migration helpers like provideState / provideEffects for NgRx, and recommends NX workspaces plus barrels and path mappings with lint rules to enforce modular boundaries and prevent accidental private imports.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 0:33Standalone components revolution
- 1:58Routing without NgModules
- 3:23Bootstrapping with providers
- 5:56Direct lazy loading
- 7:03Route-level DI scopes
- 8:30Tree-shakable routing
- 8:52Live demo: flight booking
- 11:00Structuring apps with folders and barrels
- 12:46Barrels as API
- 13:27NX workspaces
- 16:44Conclusion and key takeaways
related talks
36m"Standalone" APIs: A Component-focused Angular
17mComponent-First Architecture with Angular Standalone Components
32mLightweight Architectures with Angular's Latest Innovations
33mAngular Router - Undiscovered Parts
18mLightweight Architectures with Angular's Latest Innovations
36mThe Era Of Standalone Apis
29mAngular Router - Let's Get Lazy!
31mHidden gems in Angular: hybrid rendering, new routing features, and beyond