Module vs Module

on YouTube ↗22m

" summary

Distinguishes ES2015 modules as individual code files that export/import versus Angular modules (NgModule classes) that declare components, directives, pipes and configure providers, imports, exports and bootstrap; shows shared-module pattern bundling CommonModule FormsModule and a star component; demonstrates lazy loading only works when there are feature modules, routes are grouped under a componentless parent route, and the feature module is not imported elsewhere so the bundle can be fetched separately and improve startup performance.

AI-written summary · about

" chapters (12)

1. 0:00Angular modules intro
2. 1:02ES2015 vs Angular modules
3. 3:13Angular module structure
4. 6:46Imports array and router
5. 8:14Root vs child router
6. 10:24Breaking large modules
7. 11:52Feature and common modules
8. 13:58Shared reusable components
9. 16:08Purpose of Angular modules
10. 17:56Lazy loading in Angular
11. 18:58Lazy loading prereqs
12. 21:25Summary

" related talks

• 31mLegend of ngModules - Angular 2 and BeyondShai Reznik · NG Poland 2016
• 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
• 18mModules are not what you think they areMax NgWizard · NGConf 2018
• 29mAdv Lazy Loading w/ AngularAaron Frost · AngularUP 2019
• 28mUnleash The Power Of Angular With Knowledge of PatternsDmitriy Shekhovtsov · AngularCamp 2017
• 36m"Standalone" APIs: A Component-focused AngularPawel Kozwolski · DevReach 2022