vercel-react-best-practices

React performance optimization is achieved by applying proven patterns across component design and rendering. This Skill provides actionable guidelines to identify bottlenecks, reduce unnecessary re-renders, and generate targeted code improvements.

The best way to reduce JavaScript bundle size in Next.js involves applying targeted optimization patterns. This Skill guides you through bundle analysis and refactoring using actionable rules to eliminate excess code and improve loading performance.

Fixing data fetching waterfalls to improve server-side performance requires applying specific optimization patterns. This Skill provides rules across server-side performance and client-side fetching categories to identify and resolve sequential data loading bottlenecks.

Yes, you can use these React performance best practices for automated code reviews and CI checks. The Skill is designed to be automation-friendly, providing structured rules that feed directly into AI agents and continuous integration pipelines.

No specific dependencies are required to apply these Next.js performance patterns. The Skill operates using a SKILL.md frontmatter for configuration and may optionally reference scripts or assets directories for automation tooling within your project.