vercel-react-best-practices

To optimize React and Next.js performance, apply over 50 structured rules across 8 categories covering waterfalls, bundle size, and server-side rendering to guide AI-driven code analysis and refactoring.

Best practices for reducing bundle size involve applying structured optimization rules that target component memoization, client-side fetching efficiency, and minimizing unnecessary dependencies during code generation.

Server-side rendering optimization works by enforcing structured rules that parallelize data fetching, enhance rendering efficiency, and ensure components adhere to critical performance metrics.

Yes, you can use these agent-friendly guidelines to refactor existing React components by analyzing critical areas like rendering waterfalls and re-render optimization to ensure adherence to best practices.

The best way to prevent data fetching waterfalls is to apply optimization rules that ensure all data fetching is parallelized and structured for optimal user experience during component generation.