同步直达
set() 立即更新,watch() 同步触发,没有隐藏的批处理或延迟调度。
同步直达
set() 立即更新,watch() 同步触发,没有隐藏的批处理或延迟调度。
零依赖内核
@zhuangtai-js/core 没有第三方运行时依赖,核心 API 保持少量且直接。
可组合插件
使用 createAtom() 安装插件;默认 atom() 保持干净,不受插件影响。
TypeScript 优先
原生 TypeScript 编写,提供完整的类型推导和类型安全。
先用一个最小的 Core 路径理解状态,再选择与你的 UI 边界匹配的快速指南。首页只展示这段可复制代码,不会加载任何框架运行时。
import { atom } from "@zhuangtai-js/core";
const count = atom(0);count.set((value) => value + 1);React
使用 React hooks 订阅 atom,并保持组件外的状态模块。
Preact
使用轻量 Preact hooks 接入同一个 Core 状态模型。
Vue
使用 effect scope 管理 Vue 组件中的读取与清理。
Svelte
把 atom 转为标准的 Svelte readable 或 writable store。
Solid
使用 accessor、setter 和 owner 生命周期连接 Solid。
React Native / Expo
Expo 使用 React adapter;应用可以把自己的 PromiseLike storage 交给 Persist。
安装
安装核心包:
pnpm add @zhuangtai-js/core需要持久化或 React 适配器时再安装插件:
pnpm add @zhuangtai-js/core @zhuangtai-js/persist @zhuangtai-js/react