作者 vercel-labsfc2a696a50a3無授權條款18K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫昨天更新
Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.
將 Zustand vanilla store 接入 json-render 的 StateStore 介面的轉接器。
Zustand adapter for json-render's StateStore interface. Wire a Zustand vanilla store as the state backend for json-render.
Requires Zustand v5+. Zustand v4 is not supported due to breaking API changes in the vanilla store interface.
zustandStateStore(options)Creates a StateStore backed by a Zustand store.
來源：vercel-labs/json-render位於skills/zustand提交fc2a696
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
vercel-labs
Remotion 渲染器，使用 @json-render/remotion 將 JSON 時間軸規格轉換為影片合成。
vercel-labs
將 json-render JSON 規格渲染為 Svelte 5 元件樹，涵蓋目錄、登錄檔、動作與串流 UI。
vercel-labs
XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.
vercel-labs
指導為 json-render 建置 SolidJS 渲染器：目錄、登錄檔、Provider、綁定、動作與反應式。
vercel-labs
介紹 @json-render/vue 的參考指南，這是一套將 JSON 規格轉換為 Vue 元件樹的 Vue 3 渲染器。
vercel-labs
為 json-render Svelte 應用程式提供預先建置的 shadcn-svelte 元件定義與實作。
anthropics
建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。
anthropics
透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。
anthropics
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。
vercel-labs
依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。
vercel-labs
React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。
vercel-labs
Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。
npm install @json-render/zustand @json-render/core @json-render/react zustandimport { createStore } from "zustand/vanilla";import { zustandStateStore } from "@json-render/zustand";import { StateProvider } from "@json-render/react";
// 1. Create a Zustand vanilla storeconst bearStore = createStore(() => ({ count: 0, name: "Bear",}));
// 2. Create the json-render StateStore adapterconst store = zustandStateStore({ store: bearStore });
// 3. Use it<StateProvider store={store}> {/* json-render reads/writes go through 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 }),});