一个 React Hooks 表单库，用于管理表单状态与校验，支持 Web 和 React Native。
4.5万2501TypeScriptMIT更新于 7小时前
- Star
- 58,845
- Fork
- 2,176
- 未关闭 Issue
- 8
- 最近提交
- 7天前
这是什么？
Zustand 是一个面向 React 的状态管理库，基于简化的 Flux 思想。使用一个函数即可创建 store，并以 Hook 的形式在组件中直接读取任意状态片段，无需用 Context Provider 包裹应用。
组件只会在自己所选取的状态发生变化时重新渲染。库中提供浅比较、自定义相等函数，以及不触发渲染的瞬时更新等能力。它也可以脱离 React 单独使用，通过 vanilla store 接口操作状态。
官方包含持久化、基于 Immer 的不可变更新、Redux 风格 reducer 以及 Redux DevTools 集成等中间件。项目使用 TypeScript 编写，可通过 npm 安装。
核心功能
- 01以 Hook 形式创建 store，无需 Provider。
- 02组件仅在所选状态变化时重新渲染。
- 03支持浅比较和自定义相等函数。
- 04提供持久化、Immer、Redux 风格和 devtools 中间件。
- 05可通过 vanilla store 接口脱离 React 使用。
适用场景
- 在 React 组件间共享应用状态，且样板代码极少。
- 将用户偏好或会话数据持久化到 localStorage 或 sessionStorage。
- 从 Redux 迁移，同时保留 reducer 风格的操作。
- 管理频繁更新的状态，避免不必要的重新渲染。
快速上手
- 1
从 npm 安装 zustand
npm install zustand - 2
用 create 创建 store，并在组件中使用该 hook
标签
常见问题
- zustand 是什么？
- 一个基于 Hook 的轻量 React 状态管理库，无需包裹 Provider。 Zustand 是一个面向 React 的状态管理库，基于简化的 Flux 思想。使用一个函数即可创建 store，并以 Hook 的形式在组件中直接读取任意状态片段，无需用 Context Provider 包裹应用。
- zustand 可以免费使用吗？用的什么许可证？
- zustand 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- zustand 还在维护吗？
- 活跃维护中。zustand 最近一次提交是在 2026年10月14日。
- zustand 适合用来做什么？
- 在 React 组件间共享应用状态，且样板代码极少。 将用户偏好或会话数据持久化到 localStorage 或 sessionStorage。 从 Redux 迁移，同时保留 reducer 风格的操作。 管理频繁更新的状态，避免不必要的重新渲染。
- zustand 怎么安装和运行？
- 从 npm 安装 zustand: npm install zustand 用 create 创建 store，并在组件中使用该 hook
- 在哪里获取 zustand？
- 源代码和安装说明在 GitHub 上：https://github.com/pmndrs/zustand
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
面向 Web 应用的异步状态管理与数据获取库，支持 React、Vue、Svelte 和 Solid。
5万4222TypeScriptMIT更新于 2小时前
一个用于数据请求的 React Hooks 库，先返回缓存数据，再在后台自动重新验证。
3.2万1401TypeScriptMIT更新于 4天前
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库，前身为 NextUI。
3.1万2237TypeScriptApache-2.0更新于 3天前
一款开源的手绘风格虚拟白板，可用于绘制图表，也可作为 React 组件嵌入应用。
13.4万1.6万TypeScriptMIT更新于 9小时前
一份长期维护的 ReactJS 面试题与答案合集，涵盖 React 核心、Router、Redux、测试和 React Native。
4.5万1万JavaScriptMIT更新于 7天前