Zustand

轻量、直白的 React 客户端状态容器。

简介

基于 hooks 的小型状态管理库,用极少的样板代码创建共享 store,适合主题、筛选、编辑器状态等客户端交互,而不是替代服务端缓存。

安装

npm install zustand

命令用于快速开始,具体版本与配置请以官方文档为准。

适用场景

  • 保存跨组件的筛选与主题状态
  • 管理编辑器中多个面板的交互状态
  • 为中小型应用提供轻量的共享 store

特点

  • 创建 store 所需样板很少
  • 按选择器订阅,减少无关重渲染
  • 不依赖特定框架的复杂上下文层

专属示例

真实运行

选择器与订阅

Zustand 用选择器订阅状态切片,只有依赖该切片的组件会重渲染,并记录订阅触发的真实次数。

打开示例