"Standalone" APIs: A Component-focused Angular

on YouTube ↗36m

" summary

Angular v14 introduces Standalone: true components that remove the need to create NgModules by putting dependencies into an explicit imports array, and lets routes use loadComponent dynamic imports for per-component lazy loading. Router gains provideRouter and routes gain a providers field so DI and lazy route trees work without module scaffolding. Existing NgModule libraries remain compatible; tooling (CLI, language service) adds auto-import fixes and scaffolding support as the APIs stabilize toward v15.

AI-written summary · about

" chapters (11)

1. 0:00Standalone Angular APIs intro
2. 1:11Why Angular made Standalone APIs
3. 9:04Problems with NgModules
4. 11:54Standalone components
5. 13:40Interoperability with libraries
6. 16:12New use cases unlocked
7. 19:42Simplifying APIs without NgModules
8. 23:01Structuring apps without NgModules
9. 26:13Future plans for Standalone APIs
10. 28:44Tooling improvements
11. 34:02Wrap-up and discussion

" related talks

• 18mStandalone Components The MotivationPawel Kozlowski · ng-conf 2022
• 18mStandalone Components: The MotivationPawel Kozlowski · ng-conf 2022
• 18mAngular's Future w/out NgModules Architectures w/Standalone ComponentsManfred Steyer · ng-conf 2022
• 32mLightweight Architectures with Angular's Latest InnovationsManfred Steyer · NG-BE 2023
• 36mThe Era Of Standalone ApisAristeidis Bampakos · Angularday 2023
• 17mComponent-First Architecture with Angular Standalone ComponentsColum Ferry · NG-DE Conference 2022
• 20mAngular Without the Framework: Standalone, Signals and Functional APIsNir Kaufman · NG Poland 2025
• 29mHow Well Do You Know Angular? Let's Have Fun Together!Fabio Biondi · Angularday 2023