Micro Frontend, Module Federation with Manfred Steyer
summary
Real-world case studies from finance, banking and insurance show when micro frontends pay off and when they are overkill; implementation uses Module Federation (webpack 5) with an Angular CLI ng-add plugin, demonstrating static and dynamic federation that loads remote entries at runtime. The demo assembles independently deployed microfrontends, shares frameworks to keep bundles small and exposes trade-offs: shared code vs larger bundles, orchestration overhead, version conflicts and routing glue — the prototype runs and loads remotes on demand.
AI-written summary · about
chapters (21)
- 0:00Introduction
- 1:54Micro frontends
- 2:28Case studies
- 3:28About Manfred
- 4:19Chapter 1 Why
- 5:18Chapter 2 Case Study
- 7:47Chapter 4 Case Study
- 9:36Chapter 5 Why Micro Frontend
- 12:02Chapter 6 Consequences
- 15:03Chapter 7 Module Federation
- 16:08Chapter 8 Module Federation
- 18:11Chapter 9 Module Federation
- 24:45Chapter 10 Demonstration
- 28:06Chapter 12 Source Code
- 32:29Chapter 13 Micro Frontend
- 34:27Chapter 14 Lazy Loading
- 36:24Chapter 15 Production
- 38:15Chapter 16 Testing
- 39:54Chapter 17 Dynamic Import
- 42:18Chapter 18 Testing
- 44:18Conclusion
related talks
31mMicro frontends and the multiverse of Frameworks
38mThe Microfrontend Revolution: Using Webpack 5 Module Federation with Angular
35mMicro Frontends with Module Federation, Angular and Azure Static Web Apps
21mAngular based Micro frontends with module federation
30mFederated Angular: Micro Frontends with Module Federation
41mThe Microfrontend Revolution
30mFederated Angular: Micro Frontends with Module Federation
36mFearless Microfrontends: Angular and Native Federation in Action
