About xstate
An XState Store adapter for json-render that uses an @xstate/store atom as the StateStore backend. It is intended for applications that want json-render state managed by @xstate/store.
Key features
- 01@xstate/store atom-backed StateStore
Use cases
- 01Use @xstate/store state with json-render
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/xstatein Claude Code to confirm it loaded.
Details
From the project README@json-render/xstate
XState Store adapter for json-render's StateStore interface. Wire an @xstate/store atom as the state backend for json-render.
Installation
npm install @json-render/xstate @json-render/core @json-render/react @xstate/store
Requires @xstate/store v3+.
Usage
import { createAtom } from "@xstate/store";
import { xstateStoreStateStore } from "@json-render/xstate";
import { StateProvider } from "@json-render/react";
// 1. Create an atom
const uiAtom = createAtom({ count: 0 });
// 2. Create the json-render StateStore adapter
const store = xstateStoreStateStore({ atom: uiAtom });
// 3. Use it
<StateProvider store={store}>
{/* json-render reads/writes go through @xstate/store */}
</StateProvider>
API
xstateStoreStateStore(options)
Creates a StateStore backed by an @xstate/store atom.
| Option | Type | Required | Description |
|---|---|---|---|
atom | Atom<StateModel> | Yes | An @xstate/store atom (from createAtom) holding the json-render state model |
Comments
Markdown supported