Microfrontends

Splitting one UI across independently deployed teams. An organisational solution with real technical costs — worth knowing before you need it, and before you reach for it.

10 articles

Micro Frontends

Listed inMicrofrontend ArchitectureMicrofrontendson

Cam Jackson's reference article: the composition approaches side by side, a worked example of each, and an honest accounting of the costs.

External
martinfowler.com · martinfowler.com
#architecture
#microfrontends

Module Federation

Listed inModule FederationMicrofrontendson

The normative documentation for hosts, remotes, and shared scopes, now maintained independently of any one bundler.

External
Module Federation · module-federation.io
#microfrontends
#bundlers

single-spa documentation

Listed insingle-spaMicrofrontendson

The lifecycle contract every child application implements, plus the routing layer that mounts and unmounts them.

External
single-spa · single-spa.js.org
#microfrontends
#routing

Import maps

Listed inImport MapsMicrofrontendson

MDN on `<script type="importmap">` — bare specifier resolution in the browser, with no build step involved.

External
MDN · developer.mozilla.org
#microfrontends
#modules

single-spa

Listed insingle-spaMicrofrontendson

A router that mounts and unmounts whole applications, so several frameworks can share one page.

Advanced7 minDraft
#microfrontends
#routing

Import Maps

Listed inImport MapsMicrofrontendson

The platform-native way to resolve bare specifiers in the browser — no bundler coupling, and no framework to adopt.

Intermediate6 minDraft
#microfrontends
#modules