⚙️ Engineering Vercel Verified

React Best Practices

React and Next.js performance optimization guidelines from Vercel Engineering. 40+ rules across 8 categories covering components, data fetching, bundle optimization, and rendering.

Production-grade React and Next.js performance optimization guidelines from Vercel Engineering. Covers component patterns, data fetching strategies, bundle size reduction, server components, streaming, and caching.

react nextjs performance

When to use

Use when writing, reviewing, or refactoring React/Next.js code for optimal performance.

Examples

Optimize component rendering

Review React components for unnecessary re-renders and apply memoization patterns

Review my components for performance issues using React best practices

Next.js data fetching

Optimize data fetching with server components and streaming

Refactor this page to use Next.js server components and streaming