vercel-react-best-practices

To optimize React and Next.js performance, apply best-practice patterns for server components and client data fetching. This reduces runtime overhead, improves load times, and minimizes bundle size across 57 concrete rules.

The best way to reduce bundle size and improve initial paint is by enforcing performance patterns during code reviews and refactoring. Applying these guidelines optimizes hydration and rendering across large React apps.

You need rendering optimizations for Next.js pages when writing, reviewing, or refactoring UI components to improve runtime performance. These patterns address initial paint, hydration, and data-fetching inefficiencies.

Yes, you can use these React performance patterns for refactoring existing code. The guidelines provide actionable, example-driven rules suitable for everyday tasks like code reviews and new feature development.

Yes, this covers client data fetching and server components rules specifically. The taxonomy spans 8 priority categories, providing concrete code examples to enforce optimal data-fetching and rendering patterns.