vercel-react-best-practices

This Skill guides React and Next.js performance optimization by applying 68 actionable rules across eight categories, targeting data fetching, rendering, and bundle size inefficiencies for reliable refactoring and code generation.

Best practices for eliminating Next.js data fetching waterfalls involve applying targeted optimization rules that refactor server-side fetching and rendering patterns to ensure measurable, scalable performance improvements.

Reduce React bundle size and re-renders by applying proven optimization rules across eight categories that guide refactoring to eliminate suboptimal rendering patterns and large bundle inefficiencies safely.

Yes, this ruleset works for writing, reviewing, and refactoring React code. It encodes 68 rules across eight priority areas as actionable guidelines to ensure consistent, measurable performance improvements throughout development.

Apply Next.js server-side rendering optimization patterns when applications suffer from suboptimal rendering and data fetching inefficiencies. The ruleset guides refactoring across server-side performance, client-side fetching, and rendering improvements.