vercel-react-best-practices

React and Next.js performance optimization best practices involve applying 57 curated rules across 8 categories to guide component refactoring, data fetching, and bundle size reduction for improved application speed and reliability.

To refactor React components for app speed, apply prioritized performance patterns during code generation and review. This process targets high-impact optimizations first, ensuring optimal rendering and data fetching reliability.

Yes, you can use Vercel engineering guidelines for Next.js bundle size optimization. The guidelines serve as a reference to identify and apply specific rules that reduce bundle size and improve overall performance.

The best way to prioritize React performance improvements is to follow a curated set of rules ranked by impact. This approach enables practitioners to focus on high-impact optimizations first and reuse guidance across multiple projects.

Automated refactoring works with Next.js data fetching patterns by applying documented performance best practices. These rules guide code generation and review tasks to ensure optimal data retrieval and application reliability.