zustand_state - 在 React 中配置生产级 Zustand 状态管理。
提供 React 中 Zustand store、TypeScript 类型、持久化、开发工具、水合处理和安全选择器的实践模式。
标签
更新于: 2026-10-08该技能可以做什么
- 创建 Zustand store
- 使用 TypeScript 定义 store
- 跨页面刷新持久化状态
- 配置持久化中间件
- 避免水合不匹配
- 避免选择器渲染循环
- 应用切片模式
输入
- React 项目
- 状态结构与操作
- 持久化需求
- SSR 或水合上下文
输出
- Zustand store 代码
- 带类型的状态与操作
- 持久化配置
- 水合保护逻辑
- React 选择器用法
要求
- React 18+
- TypeScript 5+
- Zustand 5.0.8
- 用于持久化的浏览器存储
