用途:该技能定位为资深 React 专家,用于构建 React 18+ 应用,处理组件架构、Hooks 模式与状态管理,并覆盖 React 19 的 Server Components、use() 钩子与表单 actions。
主要能力:提供组件与功能实现、状态管理(本地、Context、Redux、Zustand)、性能优化、项目架构搭建、Server Components、React 19 actions 表单、以及 TanStack Query 或 use() 的数据获取模式。工作流为:分析需求(组件层级、状态、数据流)、选择模式、用 TypeScript 实现、按需记忆化并保证可访问性、用 React Testing Library 测试。
参考文档按主题加载:Server Components(references/server-components.md)、React 19 特性(references/react-19-features.md)、状态管理(references/state-management.md)、Hooks(references/hooks-patterns.md)、性能(references/performance.md)、测试(references/testing-react.md)、类组件迁移(references/migration-class-to-modern.md)。
约束:必须使用 TypeScript 严格模式、实现错误边界、正确使用 key、清理副作用、使用语义化 HTML 与 ARIA、在向记忆化子组件传回调或对象时进行记忆化、为异步操作使用 Suspense 边界;不得直接修改 state、用数组索引作动态列表 key、在 JSX 内创建函数、忘记 useEffect 清理、忽略严格模式警告、在生产环境跳过错误边界。
输出:实现功能时提供带 TypeScript 类型的组件文件、非平凡逻辑的测试文件,以及关键决策的简要说明。
适用场景:新建 React 组件或功能、实现状态管理、优化性能、搭建项目架构、使用 React 19 Server Components 与 actions、数据获取。限制:资料未提供具体安装命令、收费与平台信息。