vercel-react-best-practices

To optimize React and Next.js performance during refactoring, apply a structured repository of over 40 rules covering waterfalls, bundle size, and rendering efficiency to guide automated code generation and review.

Best practices for reducing bundle size and re-renders in Next.js include following prioritized performance rules that target server-side and client-side rendering, JavaScript performance, and advanced patterns.

AI agents can automatically review and fix React component performance issues by utilizing structured optimization guidelines designed for LLMs to maintain, generate, and refactor codebases for consistency.

To eliminate data fetching waterfalls when developing a new Next.js page, implement performance guidelines that ensure data fetching is parallelized, minimizing delays and leading to a faster user experience.

This React performance optimization skill requires no external dependencies, providing a standalone reference repository of Vercel Engineering best practices for immediate integration into automated workflows.

The best way to ensure AI-generated React code adheres to Vercel engineering standards is to apply structured performance rules covering critical areas like rendering performance and bundle optimization during code generation.