Micro-Frontends: Breaking Down the Monolith UI

Scaling Teams, Not Just Code

When a frontend application becomes too large, a single team can't manage it. Micro-frontends allow multiple teams to work on independent pieces of the UI (like the header, cart, and product page) and stitch them together at runtime.

Webpack Module Federation

Module Federation is the leading technology for micro-frontends. It allows a JavaScript application to dynamically load code from another application at runtime, sharing dependencies like React to keep bundle sizes small.

The Trade-offs

Micro-frontends introduce significant complexity in local development, testing, and CI/CD. They should only be used in massive enterprise applications.