vercel-react-best-practices

Identify performance bottlenecks in React or Next.js by analyzing waterfall latency, bundle size, and server/client rendering overhead. This targets data fetching logic and rendering patterns to pinpoint areas requiring optimization.

Best practices for reducing bundle size in Next.js involve applying JavaScript micro-optimizations and bundle optimization strategies. These rules minimize client-side overhead and improve overall application loading speed.

Minimize re-renders in React components by applying targeted rendering performance rules during refactoring. This ensures safe, scalable optimizations that reduce unnecessary UI updates and improve reliability.

Use server rendering versus client rendering in Next.js based on data fetching strategies and rendering overhead. Evaluating these trade-offs reduces waterfall latency and optimizes server/client rendering contexts.

Yes, this approach works for reviewing existing Next.js data fetching logic by applying concrete rules to reduce waterfall latency. It provides actionable steps to refactor and optimize async patterns safely.