react-performance-review

To fix React performance bottlenecks, audit source files for missing useTransition boundaries, incorrect useEffect dependencies, unstable callbacks, and heavy synchronous imports to reduce UI jank and unnecessary renders.

React components re-render excessively due to context provider blast radius, prop stability issues, or missing memoization. Optimize re-renders by applying React.memo, useMemo, useCallback, and colocating state or using reducers to isolate updates.

Audit React useEffect and memoization by detecting missing effect dependencies, absent cleanups, and misuse of useMemo or useCallback. Reviewing source files identifies unstable callbacks and unnecessary effects causing performance degradation.

Improve React bundle size and loading speed by identifying heavy synchronous imports and applying code splitting. Add lazy loading for components and ensure Suspense boundaries provide fallbacks to prevent blocking renders during initial load.

You need useTransition or useDeferredValue when expensive updates block the UI, such as filtering large lists or rendering heavy visualizations. These concurrency features defer expensive renders to keep the main thread responsive.

Yes, a React performance review applies to complex dashboards with heavy visualizations and apps with routing delays. It detects missing code splitting, absent lazy loading, and state management issues causing initial load delays.