Skip to content

Quick Start

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:

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.

Decouple a piece →

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