xstate
Original：🇺🇸 English
Translated
XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.
2installs
Sourcevercel-labs/json-render
Added on
NPX Install
npx skill4agent add vercel-labs/json-render xstateTags
Translated version includes tags in frontmatterSKILL.md Content
View Translation Comparison →@json-render/xstate
XState Store adapter for json-render's interface. Wire an atom as the state backend for json-render.
StateStore@xstate/storeInstallation
bash
npm install @json-render/xstate @json-render/core @json-render/react @xstate/storeRequires v3+.
@xstate/storeUsage
tsx
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)
xstateStoreStateStore(options)Creates a backed by an atom.
StateStore@xstate/store| Option | Type | Required | Description |
|---|---|---|---|
| | Yes | An |