react-development

该技能用于在 React 19+、TypeScript 5.5+、React Testing Library 16+ 及服务端优先架构下构建高质量 React 应用，遵循 https://react.dev 官方文档。主要能力覆盖：组件与项目结构设计、函数组件与泛型组件、组合优于继承、展示型与容器型组件划分；内置 Hooks（useState、useReducer、useEffect、useContext）与性能 Hooks（useMemo、useCallback）用法；自定义 Hooks 如 useDebounce、useLocalStorage、useToggle；状态管理与 React Query/SWR 数据获取、Context 全局状态、React 19 Server Components；表单与 React Hook Form、Zod 校验；React Router 导航、响应式布局、代码分割与懒加载、React Testing Library 测试及 ARIA 与键盘可访问性。使用方式：将技能文件夹放入宿主可见的技能路径，GitHub Copilot 需保持 Copilot 可见路径或写入项目指令；Claude Code 放入本地 skills 目录或兼容插件源；Codex 同步到 $CODEX_HOME/skills/react-development 并在重大变更后重启。无需 MCP 服务器，回退时依赖本地指令、捆绑资源、标准 shell 或编辑器工具与直接验证，不得声称使用了宿主未暴露的 MCP 操作。限制与要求：批准组件前需通过共享组件评审标准与 React 专项检查，覆盖加载、空、错误、成功状态及响应式断点，并在窄屏移动端、纯键盘路径和慢加载场景下压测；避免默认在客户端 effect 中获取全部数据、未做性能分析就加 memo、跳过键盘与可访问名称审查。资料未提供具体收费、价格与平台支持细节。