react-performance

React performance optimization covers profiling with React DevTools to locate slow renders, applying memoization to reduce re-renders, and bundle splitting for large applications.

To reduce bundle size in a React app, apply bundle optimization techniques including code splitting and lazy loading. This ensures only necessary code loads initially, significantly improving load times for large dashboards and data-heavy interfaces.

Optimize Core Web Vitals in a React application by implementing targeted strategies for LCP, CLS, and FID improvements. This involves reducing layout shifts, optimizing largest contentful paint, and minimizing main thread blocking.

You need virtualization for rendering large lists in React when handling data-heavy interfaces that cause memory issues or slow renders. Virtualization renders only visible items, drastically improving scrolling performance for large datasets.

Memoization does not always improve React performance if applied unnecessarily, as the overhead of checking dependencies can outweigh the cost of re-rendering. Profile with React DevTools first to confirm a component is actually causing slow renders before applying memoization.