用途：该技能面向使用 TypeScript 开发 React 组件的场景，提供现代 React 模式与最佳实践参考，可用于新建 UI 组件、编写自定义 Hook、提升可访问性与做组件测试。
主要能力：给出组件结构模板（含 FC、memo、useCallback 与样式模块）；整理 useState、useEffect、useCallback/useMemo、useRef 的使用建议与常见反例；示范自定义 Hook（数据获取、表单、切换）；讲解组合组件、Render Props、高阶组件等模式；列出 ARIA 属性、键盘导航与焦点管理要点；提供组件与 Hook 测试示例（Testing Library、renderHook、act）；并说明 memo、懒加载与虚拟化等性能优化方式，以及状态变更、缺少 key、依赖对象导致死循环等常见错误。
使用方式：资料未提供安装命令或调用步骤，仅以代码片段形式展示模式，需按项目实际引入并使用。
适用场景：新建 React 组件、重构 Hook 逻辑、补齐可访问性、编写测试或排查渲染性能问题时参考。
限制：资料未说明支持的 React 版本、依赖包版本、收费或平台要求，部分示例（如焦点陷阱、虚拟化）为不完整代码，需自行补全验证。