核心定位
React Expert 是面向 React 18+ 及 React 19 新特性的高级前端工程技能，覆盖组件架构、Hooks 模式、状态管理与服务端组件（RSC）全链路开发。
核心能力
- React 19 前沿特性：
use()钩子、useActionState、Form Actions、Server Components 深度集成 - 现代状态管理：Context、Zustand、Redux Toolkit、TanStack Query 数据获取与缓存策略
- 性能优化：memo、useMemo、useCallback、代码分割、Suspense 边界设计
- 工程规范：TypeScript 严格模式、可访问性（WCAG）、React Testing Library 测试覆盖
显著优势
1. 架构前瞻性：原生支持 React 19 Server Components，提前适配 Next.js App Router 生态
2. 全流程覆盖：从需求分析、模式选型、实现到测试的完整工作流
3. 约束明确：内置 MUST DO/MUST NOT DO 规范，规避常见反模式（如直接状态突变、索引作 key）
4. 场景化引用：通过条件加载的 reference 文档实现精准知识检索
局限与考量
- 框架耦合：深度绑定 React 生态，对 Vue/Svelte 等竞品框架无覆盖
- 服务端依赖：Server Components 需 Next.js 或同类元框架支持，纯 CSR 项目收益有限
- 学习曲线：React 19 新范式（如
use()与 async 组件）需开发者理解服务端/客户端边界
适用人群
- 构建中大型 React 应用的前端工程师
- 从 Class 组件迁移至 Hooks/RSC 的存量项目团队
- 需实现高可访问性、高测试覆盖率的合规项目
风险提示
| 等级 | 说明 |
|------|------|
| 中等 | 不当使用 Server Components 可能导致服务端渲染与客户端 hydration 不匹配；`useEffect` 清理遗漏将引发内存泄漏 |