Beyond Micro Frontends - Three Additional Things Module Federation Makes Possible
summary
Module Federation is used with webpack and an Nx build cache to loadRemoteModule strings at runtime so a host can import exposes like download or upload components from unknown vendors; a workflow designer demo wires tasks from a server-side config, A/B testing swaps the metadata to send different remotes, and build benchmarking on 10 microfrontends (200 features) shows cold builds ~1 minute, warm <1s and a single changed app rebuild ~10s, with shared cache options like Nx Cloud.
AI-written summary · about
chapters (6)
- 0:00Introduction
- 4:43Webpack Module Federation 101
- 8:42Plugin systems with Module Federation
- 14:46A/B testing with Module Federation
- 16:39Improving build performance
- 23:42Conclusion
related talks
31mMicro frontends and the multiverse of Frameworks
47mMicro Frontends Unmasked
01h 17mChallenges in Building Micro Front Ends
27mMicro-Frontends with Module Federation: Beyond the Basics
30mSuperpowered Micro Frontends with Monorepos
45mMicro Frontends in Action!
01h 13mThe Microfrontend Revolution, module federation, Webpack 5
29mHow module federstion makes our life easier