vercel-react-best-practices

To optimize React and Next.js performance, apply actionable rules for data fetching, bundle size minimization, and rendering optimization. This Skill provides prioritized guidelines to eliminate waterfalls and prevent unnecessary re-renders for faster load times.

The best way to prevent unnecessary React component re-renders is by following specific rendering optimization rules. This Skill guides automated refactoring with correct code examples to ensure smoother user experiences and efficient component updates.

To eliminate data fetching waterfalls in Next.js, parallelize server-side and client-side data fetching. This Skill provides clear examples of incorrect versus correct implementations to guide developers in improving their code structure.

Yes, you can use this Skill to review existing React component code for improvements. It guides automated refactoring and code generation by offering prioritized rules with detailed explanations and code examples for performance bottlenecks.

Yes, this Skill provides comprehensive bundle size optimization guidelines for Next.js. It covers critical areas including data fetching, rendering performance, and advanced patterns to ensure more efficient development and faster load times.