vercel-react-best-practices

Optimize React and Next.js application performance by applying over 45 rules across 8 categories, including eliminating data waterfalls, reducing bundle size, and optimizing re-renders to improve speed and load times.

Eliminate waterfalls in Next.js data fetching by parallelizing server-side and client-side requests. This guide provides best practices to restructure data fetching patterns for faster load times.

Reduce bundle size in a React application by following specific bundle size optimization rules. This Skill guides developers through code review and refactoring techniques to minimize final bundle output.

React components re-render frequently due to unoptimized state and prop management. Apply the re-render optimization and rendering performance patterns provided here to ensure smoother user experiences.

Yes, you can use these React performance rules for an existing codebase. The guide acts as a comprehensive reference for reviewing and refactoring existing React and Next.js code to resolve performance bottlenecks.