vercel-react-best-practices

To optimize React and Next.js performance during code review, identify and apply best practices for data fetching, bundle size reduction, and rendering. This surfaces high-impact optimizations across client and server boundaries safely.

Data fetching waterfalls in React are caused by sequential data loading. Fix them by applying parallel data fetching patterns to reduce load times and enforce safe server/client boundaries.

The best way to reduce bundle size in React apps is applying code-splitting and bundle optimization patterns. This ensures fast, reliable UIs by safely refactoring components and pages.

Yes, you can use these Next.js optimization patterns for both server and client components. The guidance enforces safe server/client boundaries and applies rules across rendering and data fetching strategies.

To stop unnecessary re-rendering in React components, apply targeted performance tuning and rendering optimization patterns. This prevents performance regressions and keeps UI updates maintainable.

Yes, this approach works for refactoring existing React codebases. Run an assessment against your codebase to surface high-impact optimizations and produce targeted, maintainable changes.