Module 14 · 1 chapters

Micro Frontends

Micro-frontends are a growing SDE-2 system design topic — interviews expect you to explain when MFE beats a monolith, how Module Federation works, and how teams share state without tight coupling.

This module covers all five integration approaches, Martin Fowler's common traits, architecture diagrams, when to use vs avoid MFE, and cross-app communication patterns.

Micro-frontends solve organizational scale, not small-app complexity — you will compare Module Federation vs Single-SPA vs Web Components, and learn how teams share dependencies and route between independently deployed apps.

Covers bounded contexts, independent CI/CD, CSS isolation strategies, bootstrap/mount/unmount lifecycles, cross-app events, shared React singletons, and 45 interview questions from architecture to deployment.

Chapters in this module

  1. Micro FrontendsMicro-frontend architecture: independently developed frontends composed into a whole — Module Federation, Native Federation, Single-SPA, Web Components, iframes, bounded contexts, independent deployment, shared state, CSS strategies, and cross-app communication.