xstate状态管理适配器：连接json-render与XState Store的状态后端解决方案
xstate by vercel-labs/json-render
安装命令
npx skills add https://github.com/vercel-labs/json-render --skill xstate🇨🇳中文介绍
@json-render/xstate
用于 json-render StateStore 接口的 XState Store 适配器。将 @xstate/store atom 作为 json-render 的状态后端。
安装
npm install @json-render/xstate @json-render/core @json-render/react @xstate/store
需要 @xstate/store v3+ 版本。
用法
import { createAtom } from "@xstate/store";
import { xstateStoreStateStore } from "@json-render/xstate";
import { StateProvider } from "@json-render/react";
// 1. 创建一个 atom
const uiAtom = createAtom({ count: 0 });
// 2. 创建 json-render StateStore 适配器
const store = xstateStoreStateStore({ atom: uiAtom });
// 3. 使用它
<StateProvider store={store}>
{/* json-render 的读写操作将通过 @xstate/store 进行 */}
</StateProvider>
API
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
