vercel-react-best-practices

Optimize React and Next.js performance by applying curated guidelines during code reviews to identify bottlenecks in component design, data fetching, and bundling. It enforces validation and guards against unsafe patterns to ensure reliable UI improvements.

Reduce Next.js bundle size by auditing component design and server-client fetch patterns. Applying these performance guidelines helps minimize unnecessary code and improve overall web vitals across modern React tooling.

React best practices improve Core Web Vitals like LCP, FID, and CLS by optimizing rendering performance and data fetching patterns. Auditing and refactoring code with these patterns directly targets layout shifts and loading bottlenecks.

You can refactor existing React code automatically by applying these proven patterns to guide code generation and automated refactoring. The guidelines establish validation rules that ensure safe optimizations during the transformation process.

Avoid unsafe server-client data fetching patterns in Next.js when they cause rendering bottlenecks or excessive bundle size. The guidelines enforce validation to guard against these patterns and guide safer alternatives for optimal performance.