用途:这是一套 React 组件编写规范,强调组件是纯函数、状态保持最小、Effect 仅作逃生舱,涉及 React 代码的写入与评审时可参考。
主要能力:给出“用 React 思考”的五步流程(拆分组件层级、先写静态版本、找出最小状态、确定状态位置、添加反向数据流);规定纯函数与不可变性、组件结构(一文件一组件、偏好函数声明、不用 React.FC)、组件体内逻辑与渲染分离(handler 对象、预计算 JSX、复杂条件提前计算)、组合优于配置、ref 直接作为 prop(不用 forwardRef)、文档元数据提升、自定义元素支持、JSX 约定。Hooks 部分说明 use() 取 Context 与 Promise、Hook 规则、Effect 适用与不适用场景、自定义 Hook、useSyncExternalStore。状态管理给出放置决策树、服务端缓存与 UI 状态区分、useState/useReducer 取舍、key 重置身份、Context 用法与 Actions。还有 TypeScript 类型约定、React Compiler 与手动记忆化决策树、服务端组件与 Suspense 流式渲染、打包优化、错误处理与测试。
使用方式:资料未提供安装命令或具体调用步骤,仅引用 ${CLAUDE_SKILL_DIR}/references/ 下的 components.md、hooks.md、state.md、performance.md、testing.md 等参考文件。
适用场景:编写、重构或评审 React 组件、Hooks、状态管理与服务端组件代码时作为规范依据。
限制:资料为规范与最佳实践说明,未提供版本要求、安装命令、收费或平台信息。原文在测试部分被截断。