SuperAPI AI 工具集

react-state-management

编程与开发

查看项目

更新于 10-15 21:38

技能介绍

用途:本技能是一份现代 React 状态管理综合指南,涵盖从组件本地状态到全局 store 与服务器状态同步的常见模式。

主要能力:讲解五类状态——本地状态(useState、useReducer)、全局状态(Redux Toolkit、Zustand、Jotai)、服务器状态(React Query、SWR、RTK Query)、URL 状态(React Router、nuqs)与表单状态(React Hook Form、Formik)。给出选型标准:小应用简单状态选 Zustand 或 Jotai;大型复杂状态选 Redux Toolkit;服务器交互多则用 React Query 搭配轻量客户端状态;需要原子化细粒度更新选 Jotai。提供 Zustand 快速上手示例(含 devtools、persist 中间件),以及旧版 Redux 迁移到 RTK(createSlice)的对照示例。详细模式文档在 references/details.md。

最佳实践:状态就近放置、使用选择器减少重渲染、数据规范化、全面 TypeScript 类型、区分服务器状态与客户端状态。避免过度全局化、重复存放服务器状态、直接修改状态、存储派生数据、混用同一类别的范式。

限制:资料未提供具体安装命令、版本要求、许可或收费信息;示例代码需用户自行按项目环境调整。