LogoClawIndex
案例技能关于
LogoClawIndex

zustand-state-management - 在 React 应用中构建类型安全的全局状态管理

使用 Zustand 创建和管理 React 全局状态，包含 TypeScript 支持、持久化和中间件集成

标签

更新于: 2026-02-09
React状态管理ZustandTypeScript前端中间件

能力

创建 React 全局状态存储实现 TypeScript 类型安全添加持久化中间件集成 Redux DevTools

典型输入

React 应用TypeScript 配置JavaScript/TypeScript 代码

典型输出

类型安全的状态存储持久化状态配置组件状态访问

该技能可以做什么

  • 创建 React 全局状态存储
  • 实现 TypeScript 类型安全
  • 添加持久化中间件
  • 集成 Redux DevTools
  • 管理切片模式
  • 处理 Next.js SSR 水合

输入

  • React 应用
  • TypeScript 配置
  • JavaScript/TypeScript 代码
  • localStorage 访问权限
  • Zustand 库

输出

  • 类型安全的状态存储
  • 持久化状态配置
  • 组件状态访问
  • 水合处理逻辑

要求

  • React 18-19
  • TypeScript 5+
  • 已安装 Zustand 库
  • Node.js 运行环境
  • 浏览器 localStorage 访问权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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