vercel-react-best-practices

React and Next.js performance optimization involves applying specific patterns for component design, data fetching, and bundle strategies. This guidance provides categorized rules and actionable examples to help engineers prioritize refactoring efforts.

To optimize bundle size in Next.js, apply bundle optimization patterns modeled in this guidance. It provides concrete examples of correct versus incorrect implementations to help you structure efficient code for automated tooling and human review.

You should refactor React components for web performance when guided by categorized rules prioritized by impact. This allows engineers to systematically identify and apply performance patterns across components, pages, and data fetching strategies.

Yes, this React performance guidance includes real-world examples illustrating correct versus incorrect implementations. These examples are designed to accelerate learning and satisfy both automated tooling and human review.

Yes, you can use these Next.js best practices for automated code reviews. The guidance models a concrete structure with frontmatter for discovery and categorized rules, specifically designed to satisfy automated tooling checks.