react-expert

React Expert 是一款专注于 React 18+ 生态的专业开发指导技能，旨在为开发者提供从组件架构到性能优化的全链路技术支持。该技能由具备十年以上前端经验的资深工程师设计，深度覆盖 React 19 最新特性，包括 Server Components、use() Hook 以及 Form Actions 等前沿模式，是现代化 React 应用开发的权威参考。

核心用法方面，当开发者遇到 React、JSX、Hooks（如 useState、useEffect、useContext）或状态管理（Redux、Zustand、TanStack Query）相关需求时，该技能将自动触发专业指导。其工作流程遵循分析需求、选择模式、TypeScript 实现、性能优化和测试验证五个阶段，确保输出生产级代码。技能还提供详细的参考文档体系，涵盖 Server Components、React 19 特性、状态管理、Hooks 模式、性能优化等七大主题，用户可根据具体场景加载对应的最佳实践指南，实现精准的技术支持。

显著优点在于其专业性和前瞻性。技能强制要求 TypeScript 严格模式，强调可访问性（WCAG）和错误边界处理，提供完整的 MUST DO/MUST NOT DO 约束清单，有效规避常见反模式（如直接修改状态、使用数组索引作为 key、在 JSX 内创建函数等）。特别是对 React 19 Server Components 和 Suspense 边界的深度支持，配合 Zustand、TanStack Query 等现代状态管理方案的集成指导，使其在现代 React 架构设计中具有独特价值。

潜在局限性主要体现在来源属性和版本兼容性上。该技能源自个人 GitHub 账号（T3 来源），虽内容专业规范但缺乏顶级组织或官方团队背书。此外，技能明确针对 React 18+ 版本设计，对于维护遗留类组件（Class Components）或 React 16/17 旧版本的项目支持有限。提供的代码示例虽遵循最佳实践，但仍需开发者根据实际项目需求进行适配验证，不能直接照搬。

适合的目标群体包括：正在构建 React 18/19 新应用的前端开发者、计划将类组件迁移至 Hooks 或 Server Components 的维护团队、需要制定状态管理策略的技术负责人，以及希望掌握 React 19 新特性（如 use() hook、useActionState）的进阶学习者。特别适合使用 Next.js App Router 进行全栈开发的工程师。

使用风险方面，作为纯文档型技能，该资产无代码执行、网络通信或数据收集行为，不存在运行时安全风险或隐私泄露隐患。主要风险在于技术适用性：开发者需自行验证代码示例与项目技术栈的兼容性，特别是在 Next.js App Router 与传统 React 应用的不同场景下。建议在使用关键模式（如性能优化 memo 策略、useEffect 清理逻辑或 Server Components 边界划分）前，结合 React Testing Library 进行充分的单元测试和集成验证，确保代码示例符合特定业务需求。