Examples

Run an example

Run commands from the repository root unless a recipe says otherwise.

Install workspace dependencies first with pnpm install; each standalone example has its own manifest and instructions.

The repository examples exercise local source.

For installed applications use public ignite-element entrypoints and beta packages.

Choose an example

Purpose	Canonical implementation
First XState + JSX component	Getting started
React shared core and separate web interop	React
XState sources and native events	XState
Redux store or isolated slice	Redux
MobX observables	MobX
Vue custom elements	Vue
Svelte custom elements	Svelte
Shared dashboard	Dashboard
Form behavior	Form
Navigation API routing	SPA router
Nested route ownership	Nested router
Advanced ports and session lifetime	Shared source recipe
Advanced tool-driven behavior	Smart home
Advanced voice and story orchestration	Voice workbench

Run the React example

Terminal

pnpm --dir examples/frameworks/react install \
  --ignore-workspace --no-link-workspace-packages
pnpm --dir examples/frameworks/react dev

The first screen uses useIgnite(core) and source-derived state.

Expand the custom-element section to inspect the separate igniteReact(handle) recipe.

Focused recipes

Routing, shared sources, and agent/tool integration cover optional needs.