vercel-react-best-practices

You can optimize React and Next.js performance by applying 62 rules across 8 categories, targeting waterfall elimination, bundle size reduction, server-side rendering, and re-render optimization to improve application speed.

Reducing Next.js bundle size involves avoiding barrel file imports and applying structured optimization rules to minimize client-side JavaScript payloads and improve load times.

Preventing data fetching waterfalls in React involves using parallel data fetching with component composition to execute requests concurrently instead of sequentially blocking renders.

Yes, AI agents can use these React performance best practices for code refactoring, as the 62 rules are specifically structured in an agent-friendly format designed for LLM code generation and review.

Yes, it covers both server-side and client-side data fetching optimization, providing distinct rules to improve data loading efficiency and rendering strategies across both execution environments.