vercel-react-best-practices

To audit React and Next.js performance, apply Vercel's best-practice rules to identify bottlenecks across waterfall reduction, bundle size, hydration, and render costs. This provides a prioritized rule set to guide targeted refactors with measurable impact.

Reducing bundle size and hydration issues involves applying targeted rules for server/client rendering and waterfall reduction. The skill compiles Vercel's recommended practices to guide specific refactors that yield measurable improvements.

Yes, you can enforce consistent performance discipline across teams. The skill supports automated tooling integration to apply Vercel's best-practice rules systematically during codebase audits and refactors.

Prioritize performance fixes by identifying top bottlenecks using a categorized rule set. The skill supports prioritizing critical categories like render costs and bundle size to guide targeted changes that deliver measurable improvements.

Yes, it works for existing codebases and refactors. The skill guides targeted changes in current React/Next.js projects by applying Vercel's best practices to identify and resolve waterfalls, bundle size, and hydration bottlenecks.