vercel-react-best-practices

To eliminate data fetching waterfalls in Next.js, apply standardized patterns that parallelize fetches across components and pages. These guidelines provide priority-based rules for restructuring data flows to remove sequential blocking requests and enable efficient client/server data flows.

The best way to reduce bundle size in a React application is to apply build-time optimizations and targeted bundling rules. These guidelines provide clear patterns for reducing bundle bloat by guiding component generation and refactoring tasks.

Securing server actions in Next.js requires applying standardized best practices for client/server data flows. These guidelines include guardrails and real-world examples to support writing, reviewing, and refactoring secure server action implementations.

Suspense affects React rendering performance by enabling efficient client/server data flows and preventing waterfalls. These guidelines detail how to apply Suspense patterns across components and pages to optimize rendering and data fetching tasks.

You need to optimize rendering and data fetching in modern React when facing performance bottlenecks like sequential blocking requests or bundle bloat. These guidelines provide 8 priority-based rule categories to guide generation, review, and refactor tasks for these specific issues.

Yes, you can use these Next.js performance guidelines for code reviews. They provide real-world examples and guardrails that support writing, reviewing, and refactoring code across components, pages, and data fetching implementations.