SuperAPI AI 工具集

pro-state-machine

前端与建站

查看项目

更新于 10-15 23:31

技能介绍

用途:为 React 应用提供专业状态机模式,管理复杂状态,核心目标是借助 TypeScript 类型系统让非法状态无法表示。

主要能力与核心规则:事件优先于状态,显式捕获用户意图而非直接修改状态;用单一 status 判别联合建模有限状态机,避免 isLoading/isError/isSuccess 布尔标志堆叠;将相关状态合并进 reducer 实现原子更新,useState 仅用于简单独立值;副作用由事件驱动,只用一个 effect 监听 status,避免级联 useEffect;数据获取使用 TanStack Query 或 SWR,而非手写 useEffect;实体扁平化,用按 ID 索引的 map 而非深层嵌套数组;派生值在渲染时计算,不用 useState + useEffect 同步。

使用方式:技能按需加载参考文件(渐进式披露),仅在任务需要该深度时读取对应文件。references/derived-state.md 讲渲染期计算派生值;references/finite-state-machines.md 讲判别联合与穷尽 switch;references/reducers.md 讲用 useReducer 合并相关变量(含 booking-form 示例);references/event-driven-effects.md 讲事件驱动副作用(含 flight-search 示例);references/data-fetching.md 讲 TanStack Query / SWR 与乐观更新;references/form-state.md 讲原生 FormData + useActionState + schema 校验的多步表单;references/normalization.md 讲按 ID 扁平实体 map 与选择器;references/testing-reducers.md 讲用 Vitest 直接测试纯 reducer。

适用场景:复杂状态逻辑、多步表单、异步流程,以及任何需要协调状态的组件。

限制:资料未提供安装命令、收费、价格、平台与效果信息。