用途：在编写或修改 React 组件、规划 React 功能、处理 .jsx/.tsx 文件时提供现代 React 模式指导，核心原则是组件即返回 UI 的函数，状态与副作用通过 Hooks 管理，优先组合而非继承。
主要能力：覆盖组件创建（仅用函数组件，props 用 interface，避免 React.FC）、状态管理（useState 简单状态、useReducer 复杂状态，并给出本地状态、Context、外部库的选择框架）、副作用处理（useEffect 仅用于外部系统，必须写全依赖并返回清理函数）、组件组合（children、自定义 Hook、复合组件、render props）、测试与性能（先测量再优化，useMemo/useCallback/React.memo 按需使用，React 19 编译器自动处理多数记忆化）。
使用方式：该技能要求配合 ed3d-house-style:howto-code-in-typescript 处理通用 TypeScript 模式，本技能只覆盖 React 特有的 TypeScript 用法。测试前先用 codebase-investigator 查找既有测试模式，常见方案为 React Testing Library、Playwright、Cypress。
适用场景：创建或修改组件、使用 Hooks、规划 UI 功能、调试 Hooks 错误与渲染问题。
限制与红线：不要用 useEffect 处理派生状态；不要用 React.FC；不要省略清理函数；不要漏依赖或压制 ESLint 警告；不要用数组索引作 key；不要直接修改 state；props 与事件处理器不要用 any。资料未提供安装命令、收费与平台信息。