react-patterns - React 19 性能与组合模式
应用 Vercel 的 62 条性能规则和组合模式优化 React 19 和 Next.js 代码
标签
更新于: 2026-03-24能力
典型输入
典型输出
该技能可以做什么
- 应用组合模式
- 强制使用复合组件
- 消除布尔属性
- 优化打包体积
- 消除瀑布流
- 优化服务端性能
- 优化客户端数据获取
- 减少重渲染
- 改善渲染性能
- 使用 React.cache()
- 使用动态导入
- 使用 Suspense 边界
- 使用 Promise.all()
- 使用 React.useOptimistic()
- 使用 React.useTransition()
- 分析 React 组件
- 审查 Next.js 页面
- 识别性能问题
- 重构组件 API
输入
- React 组件
- Next.js 页面
- 代码库文件
输出
- 代码重构建议
- 性能优化建议
- 组件组合模式
要求
- React 19
- Next.js