Micro Frontend
ELI5 — The Vibe Check
Micro frontends are microservices for the UI. Different teams own different parts of the page — Team A builds the product section in React, Team B builds the cart in Vue. It sounds chaotic because it kind of is, but it scales team independence.
Real Talk
An architectural style where a frontend application is decomposed into smaller, independently developed, tested, and deployed frontend applications. Each micro frontend is owned by a team and can use different frameworks. They're composed at runtime through module federation, iframes, web components, or server-side composition.
When You'll Hear This
"Each team ships their micro frontend independently — the shell app composes them at runtime." / "Micro frontends are great for organizational scaling but add complexity for small teams."
Related Terms
Microservice
Microservices is an architecture where instead of one big app, you have many tiny apps that each do one thing.
Module Federation
Module Federation lets separate webpack builds share code at runtime. App A can dynamically load a component from App B's bundle — no npm package needed.
Self-Contained System
A self-contained system (SCS) is a mini-application that includes its own UI, backend, and database.
Web Components
Web Components are the browser's native component system. Custom elements, shadow DOM, templates - no framework needed.