SuperAPI AI 工具集

react-state-management

前端与建站

查看项目

更新于 10-15 21:47

技能介绍

用途:帮助在 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 快速上手示例(create、devtools、persist 中间件),以及 Redux Toolkit + TypeScript、Zustand 分片、Jotai 原子、React Query 服务端状态、客户端与服务端状态组合等模式,并包含乐观更新、查询键工厂、选择性订阅等写法。

适用场景:设置全局状态、在 Redux Toolkit/Zustand/Jotai 之间选型、用 React Query 或 SWR 管理服务端状态、实现乐观更新、调试状态问题、从旧版 Redux 迁移到现代模式。

限制:资料为技能说明文档,未提供安装命令、版本要求、收费或平台信息;示例代码需按项目实际情况调整,具体 API 以各库官方文档为准。