SuperAPI AI 工具集

react-state-management

编程与开发

查看项目

更新于 10-15 16:45

技能介绍

用途:帮助在 React 应用中搭建与选择状态管理方案,涵盖局部状态、全局状态、服务端状态、URL 状态与表单状态。

主要能力:按状态类型给出对应方案(useState/useReducer、Redux Toolkit/Zustand/Jotai、React Query/SWR/RTK Query、React Router/nuqs、React Hook Form/Formik);提供选型标准:小型应用简单状态用 Zustand 或 Jotai,大型复杂状态用 Redux Toolkit,服务端交互重用 React Query 搭配轻量客户端状态,需要原子化更新用 Jotai。给出 Zustand、Redux Toolkit、Jotai、React Query 的常见写法模式,以及结合客户端与服务端状态的示例。

使用方式:该技能用于设置全局状态、在 Redux Toolkit/Zustand/Jotai 间选择、用 React Query 或 SWR 管理服务端状态、实现乐观更新、调试状态问题、从旧版 Redux 迁移到现代模式。任务不相关或属于其他领域时不使用。执行时先明确目标、约束与所需输入,应用最佳实践并验证结果,提供可执行步骤;需要详细示例时可打开 resources/implementation-playbook.md。

最佳实践与限制:状态就近放置、用选择器避免多余重渲染、扁平化数据、全面使用 TypeScript、区分服务端状态与客户端状态;避免过度全局化、重复存储服务端状态、直接修改状态、存储派生数据、混用多种范式。具体安装命令、收费与平台信息暂未提供。