它能做什么
中文摘要
Vercel 官方维护的 React 和 Next.js 性能优化指南，包含 8 大类别下按优先级排序的 70 条规则，覆盖瀑布流消除、包体积优化、服务端性能、数据获取、重渲染优化等场景，用于自动化重构和代码生成。
为什么推荐
推荐理由
由 Vercel 官方维护，内容权威且规则按影响分级，适合需要系统性提升 React/Next.js 应用性能的开发团队，可直接用于代码审查和重构。
什么时候用
适用场景
- 编写或重构 React 组件、Next.js 页面时的性能优化
- 数据获取（客户端或服务端）的优化
- 代码性能审查与自动化重构
- 优化 bundle 体积和加载性能
使用前先看
主要亮点
- 01
包含 70 条规则，覆盖 8 个类别，按优先级排序
- 02
消除瀑布流、包体积优化和服务端性能被列为 CRITICAL/HIGH 优先
- 03
每条规则提供错误与正确代码示例及解释，并附带参考
- 04
官方 SKILL 文件，由 Vercel 维护，license 为 MIT
- 05
提供快速参考清单和单条规则文件入口
原始文档
原文摘录
Vercel React Best Practices Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 70 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. When to Apply