简介

如果 React 也能像 Vue 一样简单呢？

你肯定有过这种体验：写 Vue 代码的时候，一切都那么顺手。

computed 自动更新，watch 优雅地响应变化，ref.value 给你一致的访问方式。

然后切换到 React，突然发现一切似乎变得复杂起来...

让 React 状态管理更简单

ZenBox = 像 Vue 一样写 React 💚 + 像 Zustand 一样管理状态 🐻

• 💪 强大易用: 包含 Zustand 的所有特性 + 更多优化升级。
• ⚡️ 简单高效: 像 Vue 一样符合直觉，自动类型推导，自动依赖追踪。
• 📦 超级轻量: 核心代码不到 100 行，压缩后不到 3KB（不含 Immer），浓缩的都是精华。

// 自动类型推导，无需手写类型接口
const userStore = createStore({
  name: "小明",
  posts: ["你好，世界"],
});

// 计算属性
const greeting = useComputed(() => `你好 ${userStore.value.name}!`);

// 监听变化
useWatch(
  () => userStore.value.posts.length,
  (count) => console.log(`现在有 ${count} 篇文章了`)
);

仔细一看，这不就是 Vue 代码嘛，但它确实是 React，而且完全按照你期望的方式工作。

这就是 ZenBox - 它既有 Zustand 的简洁，又有 Vue 的愉悦开发体验，让 React 状态管理更简单。

想试试看吗？

下一页让你在 2 分钟内快速上手，没开玩笑。