React
A React host mounting a React slice, in 11 steps.
Runtime Module Composition lets a single page be assembled from pieces built with entirely different frontend frameworks, each developed and deployed on its own. A host owns the page and the import map; each slice is an independently built ESM module the host resolves and mounts at runtime — nothing here requires every piece to share a framework, a build pipeline, or a release schedule.
Pick the path that matches where you’re starting from:
React
A React host mounting a React slice, in 11 steps.
Vue
A Vue host mounting a Vue slice, in 11 steps.
Existing App
Already have a bundled React or Vue app? Peel off one piece into an independent slice, without changing anything else about the app first.
The React and Vue walkthroughs build the same shape from scratch — a host that generates its own import map and a slice built and served completely independently of it — using each framework’s own adapter and conventions. The Existing App path is different: it starts from an app you already have, and shows the narrower convention built for exactly that. For the concepts behind any of these, see Technical Implementation.
Written by Angelo Vagenas