（10017期）React Expert – React 19 与生产级架构专家

React 19 与生产级架构专家 资深 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 测试覆盖 显著优势 架构前瞻性：原生支持 React 19 Server Components，提前适配 Next.js App Router 生态 全流程覆盖：从需求分析、模式选型、实现到测试的完整工作流 约束明确：内置 MUST DO/MUST NOT DO 规范，规避常见反模式（如直接状态突变、索引作 key） 场景化引用：通过条件加载的 reference 文档实现精准知识检索 局限与考量 框架耦合：深度绑定 React 生态，对 Vue/Svelte 等竞品框架无覆盖 服务端依赖：Server Components 需 Next.js 或同类元框架支持，纯 CSR 项目收益有限 学习曲线：React 19 新范式（如 use() 与 async 组件）需开发者理解服务端/客户端边界 适用人群 构建中大型 React 应用的前端工程师 从 Class 组件迁移至 Hooks/RSC 的存量项目团队 需实现高可访问性、高测试覆盖率的合规项目 风险提示 | 等级 | 说明 ||------|------|| 中等 | 不当使用 Server Components 可能导致服务端渲染与客户端 hydration 不匹配；useEffect 清理遗漏将引发内存泄漏 | 原始说明 Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance optimization, Suspense boundaries, React 19 features.