Out-of-the-Box Discovery for Microfrontends Using ModuleFederation (Part 1)
summary
Describes an implementation of a plug-and-play discovery system for microfrontends built with Webpack Module Federation. Shows a smart discovery solution implemented at three different integration levels to eliminate manual configuration and local server tweaks so that adding a new microfrontend only requires installing its package.
AI-written summary · about
chapters (22)
- 0:00Introduction
- 1:49Goals structure
- 2:32Legacy problems
- 6:26Tech choices
- 8:51Module Federation
- 10:17Prototype needs
- 12:01Code demo
- 15:36Monorepo benefits
- 18:56Start integration
- 21:08First launch errors
- 23:17Unify configs
- 25:27Convert packages
- 26:56Launch multiple
- 31:15Sync import
- 33:43Fix async loading
- 37:45Q&A
- 41:23Monorepos typing
- 43:28Versioning deployment
- 44:53Microfrontend vs npm
- 46:19Dependency resolution
- 47:45Q&A
- 50:36Summary
related talks
44mMicro Frontend Discovery
01h 13mThe Microfrontend Revolution, module federation, Webpack 5
25mBeyond Micro Frontends - Three Additional Things Module Federation Makes Possible
51mBuilding a Micro-Frontend Application with Webpack 5 Module Federation
28mModule Federation: Theory vs Practice
06mFramework Inception with Micro Frontend Composition
36mMicro-frontends discovery
29mHow module federstion makes our life easier