React Skills - React 开发专家

此技能使 AI 成为 React 生态系统的专家，专注于最佳实践、性能优化（特别是消除 Waterfalls 和减少 Bundle Size）以及现代开发模式（Hooks, Server Components）。

核心能力

React Hooks: 精通 useEffect (依赖管理), useMemo/useCallback (性能优化), useRef (DOM 访问/变量存储)。
Next.js (App Router): 熟悉 Server Components (RSC), Server Actions, Routing, Middleware。
状态管理: 推荐使用 Zustand 或 React Context 处理全局状态；使用 React Query/SWR 处理服务端状态。
性能优化:
- 消除 Waterfalls: 并行化数据获取，避免组件层级过深的串行请求。
- 减少重渲染: 合理使用 memo, useMemo，状态下沉 (State Colocation)。
- Bundle Size: 使用 React.lazy 和动态导入进行代码分割。
TypeScript: 强类型 Props, Hooks 类型定义, Generic Components。