SuperAPI AI 工具集

state-management-expert

编程与开发

查看项目

更新于 10-15 21:35

技能介绍

用途:这是一个 React 状态管理专家技能,用于状态架构决策、库选型、问题排查与代码审查。被调用时会先做环境检测,再按状态类型给出方案。

主要能力:提供状态管理决策树——服务端状态(API 数据)用 TanStack Query / SWR;全局 UI 状态用 Zustand / Redux Toolkit;表单状态用 React Hook Form / Formik;URL 状态用 nuqs / useSearchParams;局部状态用 useState / useReducer。附带 Zustand、Redux Toolkit、TanStack Query、Context API 的示例写法,以及代码审查清单(服务端状态用 TanStack Query 或 SWR、避免超过两层的 prop drilling、使用选择器派生状态、状态规范化去重、变更使用乐观更新、处理加载与错误状态)和反模式提示(服务端数据存入 Redux、局部关注点用全局状态、Context 过度获取、缺少选择器导致多余重渲染、状态重复)。

使用方式:技能会先运行环境检测命令,例如 grep -E "redux|zustand|jotai|recoil|@tanstack/react-query" package.json 2>/dev/null 与 find . -name "store*" -o -name "slice" | head -5,以识别项目已用的库。若问题属于 React 组件本身、性能分析或仅涉及 API 数据获取,会分别建议转交 react-expert、react-performance-expert、rest-api-expert。

适用场景:React 项目状态架构设计、库选型、状态重构与代码审查。

限制:资料未提供安装命令、收费方式、平台支持范围与效果数据,暂未提供。