vercel-react-best-practices

To optimize React and Next.js performance, apply comprehensive rules covering waterfall elimination, bundle size reduction, server-side improvements, and re-render efficiency. Over 50 rules with code examples guide automated refactoring for faster load times.

The best way to reduce bundle size in a Next.js application involves applying specific optimization rules that identify and refactor heavy dependencies. Actionable code examples target bundle size reduction to ensure efficient code delivery.

To eliminate data fetching waterfalls in React components, use provided performance rules to identify sequential fetches and refactor them. Detailed explanations and code examples guide restructuring data fetching to improve loading performance.

Yes, you can use these performance rules to refactor existing React code. The Skill provides comprehensive refactoring guidance with specific, actionable rules and detailed code examples designed for automated component improvements.

You need to improve re-render efficiency in React applications when performance auditing identifies unnecessary component updates. Targeted rules and code examples optimize rendering behavior, ensuring smoother user experiences during interaction.