Quick Start: Independent Mount

Independent Mount is the pattern where a host mounts a slice into a DOM element via an explicit mount()/unmount() contract, rather than rendering it as one of the host’s own components — the host stays framework-agnostic to whatever the slice is built with. That framework-agnosticism doesn’t imply CSS isolation, sandboxing, or a separate JavaScript environment, though — it’s still the same page, the same document, the same global scope.

Pick the framework you want the host built with:

React

A React host mounting a React slice through mount()/unmount(), in 11 steps.

Start the React quick start →

Vue

A Vue host mounting a Vue slice through mount()/unmount(), in 11 steps.

Start the Vue quick start →

Want this without a manifest? See No Manifest Host.