vercel-react-best-practices

Optimize Next.js performance by applying rules that eliminate sequential network requests and reduce bundle size. This Skill identifies unnecessary re-renders and inefficient imports, then provides targeted refactoring techniques to improve server rendering and data fetching.

The best way to review React components is to analyze hooks, state management, and data fetching patterns. This Skill provides code review support to identify inefficient imports and rendering bottlenecks, suggesting proven optimization patterns for improvement.

Yes, you can fix async waterfalls and bundle bloat by applying prioritized optimization rules. This Skill targets sequential network requests and inefficient imports, helping you refactor components and improve overall Next.js application performance.

Yes, server performance patterns are required because this Skill applies optimization rules for server rendering and data fetching. You need knowledge of React patterns and Next.js architecture to implement the suggested refactoring techniques effectively.

Apply bundle optimization patterns when your React application experiences slow loads due to bundle bloat. This Skill helps identify inefficient imports and provides prioritized rules to reduce bundle size and improve rendering performance.