资深 React 工程专家，专精 React 19、Server Components 与生产级架构设计，提供 TypeScript 组件开发、性能优化及现代状态管理方案
说明：
## 核心定位
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` 清理遗漏将引发内存泄漏 |
会员专属
