vercel-react-best-practices

Optimize React performance by applying categorized Vercel Engineering rules to analyze and refactor components, data fetching, and bundle size. These guidelines prioritize rules by impact to guide automated refactoring and code generation during development.

Vercel's React performance best practices are categorized rules prioritized by impact, covering component creation, data fetching, and code review. They serve as a quick reference to identify and resolve performance issues in your application.

You need React and Next.js, alongside optimization libraries like React Query, React Cache, and React Suspense. These dependencies provide the necessary environment to fully analyze and refactor data fetching and component rendering workflows.

Yes, you can use these guidelines to review existing React code for performance issues. The Skill provides a quick reference specifically for scenarios like code review, helping you identify and refactor suboptimal patterns in data fetching and components.

Generate a React performance report by applying Vercel's best practices rules to your codebase. This process analyzes your components and data fetching implementations against prioritized guidelines to highlight necessary performance improvements.

The guidelines do not specify strict limitations on React Suspense, but categorize performance rules by priority and impact. You should evaluate your specific data fetching scenarios against these categorized rules to determine if Suspense integration is appropriate.