vercel-react-best-practices

React and Next.js performance best practices from Vercel Engineering target component rendering, page data fetching, and bundle optimization to improve application load times and render performance.

Optimize Next.js data fetching and bundle size by applying performance patterns to pages and components during refactors, ensuring safety checks, validation, and non-destructive changes to preserve codebase integrity.

Apply React performance optimization patterns when writing, reviewing, or refactoring React components and Next.js pages to ensure optimal load times and render performance across your codebase.

Yes, you can enable automated refactoring and code generation to improve React and Next.js load times while ensuring safety checks, validation, and non-destructive changes are applied across the codebase.

Yes, the performance optimization approach works for existing Next.js pages by triggering on reviews or refactors to apply best practices across components, data fetching, and bundle optimization safely.

Limitations involve ensuring non-destructive changes during automated refactoring and code generation, requiring safety checks and validation to prevent breaking existing React component functionality.