vercel-react-best-practices

Next.js performance optimization involves applying vetted patterns to page routing, data-fetching strategies, and server actions to reduce waterfalls and rendering overhead. This approach uses guardrails and validation checks to ensure reliable refactoring and scalable improvements.

Optimizing bundle size and client data fetching in React requires applying category-driven best practices that target JavaScript efficiency and rendering performance. The guidelines offer clear examples and safety checks to safely refactor code and avoid common pitfalls.

Safely refactor React components by applying battle-tested guidelines that incorporate guardrails, validation, and safety checks. These patterns support reliable refactoring during code reviews and ongoing maintenance to ship fast with high performance.

These React and Next.js performance guidelines apply to new code, code reviews, and ongoing maintenance. They provide practical patterns for component development and data-fetching strategies to improve performance across rendering, data fetching, and bundling.

Apply server actions to improve Next.js performance when addressing server-side rendering overhead and data-fetching waterfalls. The guidelines identify vetted patterns for server actions to reduce rendering overhead and support scalable performance improvements.