How would you optimize a React component that renders a large list of 10,000 items with different heights?

Question

React Developer — Hard

How would you optimize a React component that renders a large list of 10,000 items with different heights?

Accepted Answer

Using windowing/virtualization (e.g., react-window or react-virtual) is the best way to optimize rendering a large list of items with varying heights. This technique only renders the items visible in the viewport, improving performance.