用途:在构建 React 18+ 应用、需要组件架构、Hooks 模式或状态管理时调用,也适用于 React 19 的 Server Components、use() 钩子与表单 actions 等模式。
主要能力:以资深 React 工程师视角提供组件层级与数据流分析、状态管理方案选择(本地、Context、Redux、Zustand)、数据获取(TanStack Query 或 use())、性能优化(memo、lazy、虚拟化)、可访问性、测试(React Testing Library)以及类组件向 Hooks/RSC 迁移的指导。内置参考文档按主题加载,包括 server-components.md、react-19-features.md、state-management.md、hooks-patterns.md、performance.md、testing-react.md、migration-class-to-modern.md。
使用方式:以自然语言请求触发该技能,示例中可用 $react-expert 作为命令式标签。工作流为分析需求、选择模式、用 TypeScript 实现、优化、测试。对大型重构或审计,可用 Codex 多智能体委派(spawn_agent + wait)汇总结果后交付。输出通常包含带 TypeScript 类型的组件文件、非平凡逻辑的测试文件及关键决策说明。
约束:必须使用 TypeScript 严格模式、错误边界、稳定的 key、effect 清理、语义化 HTML 与 ARIA、Suspense 边界;不得直接修改 state、用数组索引作动态列表 key、在 JSX 内创建函数、忽略 effect 清理或严格模式警告、在生产中跳过错误边界。参考目录中的代码片段默认视为示例,除非明确要求执行;涉及生产影响或破坏性操作需显式确认。
适用场景:新建 React 组件或功能、实现状态管理、性能优化、搭建项目架构、使用 Server Components、实现表单 actions、数据获取模式。
限制:资料未提供具体安装命令、收费方式、平台支持范围与效果数据,暂未提供。