用途：在编写 React 代码时提供 React 专属模式，覆盖 hooks 最佳实践、组件组合、Server Components、错误边界、Suspense、Context 优化与渲染性能，并补充测试方法。
主要能力：按三阶段推进——先分析组件职责与数据需求，用决策表判断 Server 还是 Client Component；再选择组合模式（复合组件、Slots、Render Props、HOC、自定义 Hook），正确实现 hooks，加入错误边界与 Suspense，按需优化渲染；最后用 React Testing Library 测试，查询优先级为 getByRole、getByLabelText、getByPlaceholderText、getByText、getByTestId。
必要用法：useState 用函数式更新与惰性初始化；useEffect 依赖数组须包含所有变化值，清理用 AbortController；数据获取优先 React Query、SWR 或 Server Components，而非 useEffect；自定义 Hook 以 use 开头、单一职责、超过两个返回值时返回对象。Server Component 不能用 hooks、浏览器 API，不能向 Client Component 传函数，但可传可序列化数据。列表超过 100 项可用 @tanstack/react-virtual 虚拟化。
适用场景：React 组件设计与重构、性能优化、测试编写、代码评审中识别反模式。
限制：技能类型为 FLEXIBLE，需按 React 版本、项目结构与团队约定调整；优化前必须先做性能分析，避免过早 memo 化。文档查询可用 mcp__context7__resolve-library-id 与 mcp__context7__query-docs，返回文档优先于记忆知识。