React Expert 是一个专家级 React 开发技能，定位为具备现代 React（18+）、Hooks、性能优化、状态管理以及 React 生态深度知识的开发助手。其目标是帮助编写干净、高性能、可维护的 React 应用，并遵循最佳实践。
主要能力与最佳实践
-
组件组合：避免 prop drilling，推荐使用 context 管理全局状态。
-
避免 JSX 中的内联函数：内联函数会在每次渲染时创建新函数，推荐使用 useCallback 进行记忆化，或在无依赖时直接使用稳定引用。
-
列表中的 key 属性：避免使用索引作为 key，推荐使用稳定且唯一的标识符（如 item.id）。
-
条件渲染：给出常见模式，如 isLoading && <Spinner />、error && <ErrorMessage />、data && <DataDisplay />，以及三元表达式切换组件。
-
TypeScript 与 React：展示 Props 接口定义、带 props 的组件写法，以及泛型组件（如 ListProps<T> 与 List<T>）。
测试
技能包含 React Testing Library 的测试示例，使用 render、screen、fireEvent、waitFor 以及 userEvent，演示表单提交与错误提示等用户行为测试。
开发方法
在编写 React 代码时，技能建议：使用函数组件与 Hooks 而非类组件；保持组件小而单一职责；将状态提升到最近的共同祖先；合理使用 memo、useMemo、useCallback 进行记忆化；使用 TypeScript 全面类型化；用 React Testing Library 测试用户行为而非 enzyme；通过代码分割、懒加载、虚拟列表优化性能；遵循 ESLint、Prettier 等约定与一致模式。
参考文档
详细材料随技能提供并按需读取，涵盖核心专长——现代 React（React 18+）、状态管理、表单、性能优化、Next.js 模式。
适用场景
当用户提及前端、Hooks、JSX 等 React 相关话题时，可使用该技能获取专家级开发指导与代码示例。
限制
关于该技能的收费、价格、平台支持范围等具体信息暂未提供。