Federated Angular - Why and How

on YouTube ↗22m

" summary

Claim: using webpack 5 module federation with Angular lets independently deployed microfrontends load at runtime as normal lazy modules, so a shell no longer needs a bespoke orchestration framework. It demonstrates a working demo that loads an MFE from another origin, shows how to share Angular at runtime to avoid multiple framework downloads, and uses a small CLI plugin to generate the federation config while warning about version-matching and extra build/config complexity.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 3:19Contents
3. 4:15#1: Why Real World Case Studies
4. 9:42Reasons for Micro Frontends
5. 10:51Consequences
6. 14:33Webpack 5 Module Federation
7. 20:07Conclusion

" related talks

• 30mFederated Angular: Micro Frontends with Module FederationManfred Steyer · JSWorld Conference 2021
• 30mFederated Angular: Micro Frontends with Module FederationManfred Steyer · JSWorld Conference 2021
• 21mAngular based Micro frontends with module federationManfred Steyer · ng-conf 2022
• 41mThe Microfrontend RevolutionManfred Steyer · angularday 2020
• 38mThe Microfrontend Revolution: Using Webpack 5 Module Federation with AngularManfred Steyer · AngularNL 2020
• 31mMFEs , Micro-Frontends with Module Federation and AngularManfred Steyer · Reliable Web Summit 2021
• 35mMicro Frontends with Module Federation, Angular and Azure Static Web AppsManfred Steyer · Global Azure Austria 2021
• 47mMicro Frontend, Module Federation with Manfred SteyerManfred Steyer · JSWorld Conference USA 2021