vercel-react-best-practices

To optimize React and Next.js performance, apply comprehensive rules covering server-side and client-side data fetching, bundle size minimization, and waterfall mitigation. This ensures efficient load times and maintainable code.

Best practices for reducing React re-renders involve applying targeted optimization patterns across rendering and JavaScript performance categories. These guidelines help identify and eliminate unnecessary component re-renders.

Yes, you can use AI agents and LLMs to review and refactor React code for performance bottlenecks. The guidelines are specifically designed to direct automated code generation and refactoring workflows.

There are over 40 performance optimization rules provided for React and Next.js applications. These rules are organized across 8 categories including waterfalls, bundle size, and advanced patterns.

Yes, it covers both server-side rendering and client-side data fetching optimization in Next.js. It provides specific rules to ensure all data fetching patterns are optimized for efficient performance.