React Expert

核心定位

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` 清理遗漏将引发内存泄漏 |

核心用法

React Expert 是面向 React 18+ 应用开发的专家级技术参考 Skill，专注于组件架构设计、Hooks 模式应用与状态管理实现。其核心工作流包括五步：分析需求确定组件层级与状态流向、选择合适的状态管理方案（本地状态/Context/Zustand/Redux/TanStack Query）、使用 TypeScript 严格模式实现组件、应用 memoization 与懒加载进行性能优化、最后以 React Testing Library 编写测试。

该 Skill 深度覆盖 React 19 新特性，包括 Server Components（RSC）、use() Hook、表单 Actions（useActionState/useOptimistic）、Suspense 边界处理等前沿模式。同时提供完整参考文档矩阵，针对 Server Components、状态管理、Hooks 模式、性能优化、测试策略、类组件迁移等六大主题提供专项指导。

显著优点

1. 权威性与时效性：紧跟 React 19 与 Next.js App Router 最新生态，涵盖 Server Components 与 use() Hook 等前沿特性，避免过时 Class 组件模式
2. 工程实践导向：明确 MUST DO/MUST NOT DO 约束清单，强制 TypeScript 严格模式、错误边界、语义化 HTML 与 ARIA 无障碍标准，直接提升代码质量
3. 零依赖安全架构：纯文档型 Skill，无第三方依赖、无可执行代码、无网络请求功能，通过六维安全扫描（静态分析、动态行为、依赖审计、网络流量、隐私合规、威胁情报）全部满分
4. 完整输出模板：提供组件文件+测试文件+决策说明的标准化交付物，降低团队协作成本

潜在局限

1. 框架绑定度：内容深度耦合 React 生态（Next.js App Router、React Router），对 Vue/Svelte 开发者迁移成本较高
2. 示例代码局限：代码片段为演示性质，缺乏完整企业级项目案例，复杂业务场景需自行扩展
3. 版本追赶压力：React 19 特性快速迭代，需持续维护更新（报告已建议跟进 React Compiler）

适合人群

• React 18/19 项目的前端工程师与架构师
• 从 Class 组件向 Hooks/Server Components 迁移的遗留项目团队
• 需要统一代码规范与审查标准的工程团队
• 追求 TypeScript 严格类型安全与无障碍合规的技术驱动型组织

常规风险

该 Skill 经 CLS-Certify v2.1.0 完整扫描，未发现任何风险项：无 eval/exec/system 危险函数、无 API Key/密码硬编码、无 140+ 威胁模式匹配、无提示词投毒（HTML 注释隐藏指令/零宽字符/角色覆写）、无权限升级诱导、无动态代码执行或混淆。唯一轻微扣分项为示例代码含 fetch 演示（网络流量评分 95），无实际调用功能。