vercel-react-best-practices

To optimize React and Next.js performance, apply rules targeting bundle size reduction, server-side rendering, and client-side data fetching. This eliminates common performance pitfalls, ensuring faster load times and smoother user interactions.

Preventing data fetching waterfalls in Next.js requires parallelizing data requests. Following performance optimization guidelines ensures data fetching operations execute concurrently rather than sequentially, significantly reducing load times.

Yes, you can use this to guide AI agents in refactoring React components. It provides comprehensive performance optimization guidelines targeting AI agents and LLMs for automated code generation, review, and refactoring.

Minimizing component re-renders in React applications involves applying specific rendering performance rules. These optimization guidelines target re-render reduction and advanced patterns to ensure smoother user interactions.

Yes, this covers bundle size reduction for Next.js production builds. It provides over 50 rules addressing bundle size, server-side performance, and rendering optimization to ensure the final output is highly efficient.