vercel-react-best-practices

React performance optimization involves eliminating data fetching waterfalls, reducing bundle size, and minimizing unnecessary re-renders using established patterns for faster load times and smoother user experiences.

Next.js data fetching best practices require parallelizing server-side and client-side requests to eliminate waterfalls, ensuring optimal initial load speed and application responsiveness.

Reduce Next.js bundle size by applying targeted optimization rules that minimize JavaScript payload, streamline imports, and improve overall application efficiency during the build process.

AI agents can use these React performance guidelines to automatically review, write, and refactor code, ensuring adherence to best practices for rendering optimization and data fetching efficiency.

Unnecessary React re-renders are caused by inefficient state management and component structuring; fix them by applying specific rendering optimization patterns to improve UI responsiveness.