Micro Frontends Cheat Sheet

Micro Frontends — a quick reference covering core concepts, practical examples, and best practices.

Last Updated: November 21, 2025

Integration Patterns

Approach When to use
Module Federation Share bundles between hosts
iframes Isolate legacy apps safely
Web Components Surface component APIs to multiple hosts

Communication Channels

window.postMessage
Send events between iframes
shared service contracts
Expose emit/listen functions over global APIs
custom events
Dispatch structured events via DOM

Team Autonomy

Define API contracts, test suites, and deployment ownership for each micro-team before shipping.

💡 Pro Tip: Document shared contracts and version them independently of host deployments.
← Back to Data Science & ML | Browse all categories | View all cheat sheets