Micro-Frontend Concepts & Trade-offs
Understand why teams adopt micro-frontends, the runtime vs build-time split approaches.
What Are Micro-Frontends?
Micro-frontends extend microservices to the UI layer. A single web application is split into independently owned, developed, and deployed frontend pieces owned by separate teams.
Integration Strategies
There are three main integration strategies: build-time (npm packages), server-side (edge composition), and runtime (Module Federation, iframes, web components).
All lessons in this course
- Micro-Frontend Concepts & Trade-offs
- Module Federation with Webpack 5
- Shared State & Routing Between MFEs
- Independent Deployment & CI Pipelines for MFEs