LogoClawIndex
案例技能关于
LogoClawIndex

zustand_state - 在 React 中配置生产级 Zustand 状态管理。

提供 React 中 Zustand store、TypeScript 类型、持久化、开发工具、水合处理和安全选择器的实践模式。

标签

更新于: 2026-10-08
ReactZustand状态管理TypeScript持久化水合中间件选择器

能力

创建 Zustand store使用 TypeScript 定义 store跨页面刷新持久化状态配置持久化中间件

典型输入

React 项目状态结构与操作持久化需求

典型输出

Zustand store 代码带类型的状态与操作持久化配置

该技能可以做什么

  • 创建 Zustand store
  • 使用 TypeScript 定义 store
  • 跨页面刷新持久化状态
  • 配置持久化中间件
  • 避免水合不匹配
  • 避免选择器渲染循环
  • 应用切片模式

输入

  • React 项目
  • 状态结构与操作
  • 持久化需求
  • SSR 或水合上下文

输出

  • Zustand store 代码
  • 带类型的状态与操作
  • 持久化配置
  • 水合保护逻辑
  • React 选择器用法

要求

  • React 18+
  • TypeScript 5+
  • Zustand 5.0.8
  • 用于持久化的浏览器存储

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。