SuperAPI AI 工具集

react-development

编程与开发

查看项目

更新于 10-16 09:53

技能介绍

用途:该技能面向 React 开发任务,提供成套的组件模式与工程规范,适用于需要可复用判断、领域约束或成熟工作流的场景,而非零散建议。可产出实现指导、审查结论、架构决策、模板或生成物。

主要能力:涵盖函数组件与组合模式(父级持有状态、props.children 插槽、容器/展示组件拆分);useState、useEffect、useCallback、useMemo、useRef、useContext、useReducer 等 Hooks 与自定义 Hooks;本地、Context 与外部状态管理;性能优化;TypeScript 与 React;测试(RTL);表单与校验;错误边界;React 18/19 并发特性;反模式与架构检查清单。

使用方式:先阅读 SKILL.md,再按任务需要从 references/ 加载对应深度文件,如 hooks.md、custom-hooks.md、state-management.md、performance.md、typescript.md、react-typescript-gotchas.md、testing.md、forms.md、react-18-19.md;更详细内容见 references/skill-deep-dive.md。按顺序应用其中的清单与决策规则,避免只挑片段。需先收集项目背景、约束与具体问题,并确认交付物类型(设计、代码、审查、迁移计划、审计或文档)。

限制与边界:与 react-development 无关或已有更专门技能覆盖的任务不应使用;仅需简单回答、不涉及本技能约束或参考的问题也不适用。示例不能不加检查地当作可直接复制的结论,需核对适用性、约束与失败模式;不要默认加载全部参考文件。资料未提供具体安装命令、版本支持范围与授权收费信息。