list virtualization
Render a window of list items instead of every item at once.
Use this when A long list spends too much time or memory rendering off-screen rows.
without the term
“The list has 10,000 items and scrolling is super laggy, and the page takes forever to show up. Can you make it only render what's on screen?”
with the term · How do you ask a model for list virtualization?
Virtualize this measured slow list. Verify scrolling, row identity, keyboard access, and bounded data loading with a large fixture.
What is list virtualization?
Only the rows near the visible area are rendered, and they are reused as the user scrolls. Rows keep stable identities, and the data still loads in pages.
Why does list virtualization matter when vibe coding?
Virtualizing the DOM does not stop loading an entire dataset into memory.
How do you do list virtualization?
Measure the list, preserve stable identity, and test scrolling, focus, and variable content.
What goes wrong with list virtualization?
Recycling a row without resetting state that belongs to a different item.