Frontend: Rendering 10,000 Rows Without Jank

A page must display a table with tens of thousands of rows without freezing the main thread. How do you approach it?

Technical Reference & Key Concepts

The Challenge: Large List Rendering

You inherit a page that renders a 10,000-row table by mapping every row to a DOM node. Scrolling is janky and initial render takes seconds.

Core questions to address:

  1. What is the first thing you fix, and why does it fix the jank?
  2. Beyond virtualization, what React-level and data-level issues would you look for?
  3. How do you verify the fix actually improved things?