vercel-react-best-practices

To identify and fix React and Next.js performance bottlenecks, apply a prioritized set of rules across eight categories including data fetching, bundle optimization, and rendering. This framework guides automated refactoring to improve speed and maintainability.

Best practices for optimizing bundle size and server components involve applying structured guidelines across async, bundle-size, server, and client categories. Concrete examples and decision guidance help streamline code generation and engineering reviews for faster page loads.

To apply React performance guidelines for safe automated refactoring, use a structured framework that provides concrete examples, references, and guardrails. This ensures speed and reliability when modifying component design, routing, and server actions.

Yes, this Next.js performance framework works for both client and server side rendering tasks. It enforces prioritized rules across server, client, and rendering categories to address waterfalls, bundle optimization, and data fetching comprehensively.

The best way to prevent waterfalls and rerender issues in React applications is to apply prioritized rules across dedicated rerender and async categories. This provides actionable patterns and decision guidance for optimizing data fetching and component rendering.