Zustand适配器：为json-render提供状态管理后端，支持嵌套切片与Zustand v5+
zustand by vercel-labs/json-render
安装命令
npx skills add https://github.com/vercel-labs/json-render --skill zustand🇨🇳中文介绍
@json-render/zustand
用于 json-render StateStore 接口的 Zustand 适配器。将 Zustand 原生存储作为 json-render 的状态后端。
安装
npm install @json-render/zustand @json-render/core @json-render/react zustand
需要 Zustand v5+。由于原生存储接口存在破坏性 API 变更，不支持 Zustand v4。
用法
import { createStore } from "zustand/vanilla";
import { zustandStateStore } from "@json-render/zustand";
import { StateProvider } from "@json-render/react";
// 1. 创建一个 Zustand 原生存储
const bearStore = createStore(() => ({
count: 0,
name: "Bear",
}));
// 2. 创建 json-render 的 StateStore 适配器
const store = zustandStateStore({ store: bearStore });
// 3. 使用它
<StateProvider store={store}>
{/* json-render 的读写操作将通过 Zustand 进行 */}
</StateProvider>
使用嵌套切片
const appStore = createStore(() => ({
ui: { count: 0 },
auth: { token: null },
}));
const store = zustandStateStore({
store: appStore,
selector: (s) => s.ui,
updater: (next, s) => s.setState({ ui: next }),
});
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
