Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
summary
Shows concrete recipes: use Module Federation (Webpack) or ESBuild native federation to load micro frontends at runtime, and wrap SPAs as web components via Angular Elements or similar. Demo loads Angular 14 and 12 plus React, sharing a framework when versions match and falling back to per-microfrontend bundles when they don’t; a few lines of configuration and tiny runtime workarounds make multi-version mixes possible. At scale a 3–4 person platform team supports ~80 stream-aligned teams.
AI-written summary · about
chapters (8)
- 0:00Getting Started
- 2:05Federation Explained
- 5:19Multi-Version Challenges
- 8:02Framework Abstraction
- 15:25Live Demonstration
- 19:09Exploring Alternatives
- 21:37Platform Teams
- 23:13Key Takeaways
related talks
31mMicro frontends and the multiverse of Frameworks
47mMicro Frontends Unmasked
36mMicro Frontends in Action!
27mMicro-Frontends with Module Federation: Beyond the Basics
32mBuilding a Multi-Framework Micro-Frontend App with Webpack5
48mMicrofrontend Architecture – technical implementation.
45mMicro Frontends in Action!
38mThe Microfrontend Revolution: Using Webpack 5 Module Federation with Angular