vercel-react-best-practices

Optimize React and Next.js performance by applying 57 categorized rules covering data fetching, bundling, and rendering. Refactor pages by parallelizing data fetches, splitting bundles, and applying caching strategies to improve load times and UX.

Reduce Next.js bundle size by applying best practices for conditional loading and bundle splitting. This framework provides actionable guidelines to identify performance bottlenecks and implement patterns that decrease bundle size.

Parallel data fetching in React components works by using dependency-based parallel patterns to eliminate critical waterfalls. This framework provides structured rules to streamline data fetching tasks and improve frontend efficiency.

Yes, you can use these React performance best practices for code reviews. The framework is automation-ready and designed for developing, reviewing, and refactoring React components and Next.js pages to consistently ship faster apps.

No specific dependencies are required to apply these Next.js best practices. The framework consolidates performance optimization guidelines into structured rule categories with practical examples, suitable for direct automation and code generation.

You should not use automated rules for React rendering optimization when your specific task falls outside the eight provided categories. The framework focuses strictly on critical waterfalls, bundle size, data fetching, and rendering performance tasks.