用途:这是一个 React 最佳实践技能,当处理 .jsx、.tsx 文件、使用 React Hooks(useState、useEffect 等)、构建 React 组件,或在 package.json 中检测到 react 时自动激活,用于指导组件编写与代码审查。
主要能力:涵盖组件模式(仅用函数组件、显式 Props 接口、复合组件)、Hooks 最佳实践(useState 对象更新用展开、useEffect 依赖完整并加清理函数与 AbortController、useMemo/useCallback 仅用于昂贵计算、自定义 Hooks 如 useDebounce 与 useFetch)、条件渲染(避免 count && 显示 0、用布尔判断或三元、列表用唯一 ID 而非索引作 key、空状态处理)、状态管理决策(局部 state、提升 state、Context、服务端状态用 TanStack Query/SWR、全局状态用 Zustand/Redux)、性能优化(React.memo、自定义比较、组件拆分、lazy 与 Suspense 代码分割)、表单处理(受控组件与 React Hook Form + Zod 校验)、错误边界(类组件捕获并记录错误)。
使用方式:作为技能随 React 开发流程自动触发,按上述模式与反例速查进行编码与审查;速查清单要求函数组件、显式类型、唯一 key、完整依赖、显式布尔判断、对象状态展开更新、仅在昂贵操作时记忆化、Context 在 Provider 外抛错、受控表单校验、路由级错误边界。
适用场景与限制:适用于 React 项目开发、重构与代码评审。限制:未提供安装命令、价格与平台信息;示例基于 TypeScript 与 React,具体版本要求暂未提供。