How I Render 100,000 Rows With Only ~20 DOM Nodes

Scroll a list of a hundred thousand items the naive way — list.appendChild(row) a hundred thousand times — and your tab freezes for seconds, eats hundreds of megabytes, and stutters forever after. Yet Slack scrolls years of messages, spreadsheets hold a million cells, and infinite feeds never slow down. They all use the same trick, and it's about 80 lines of vanilla JavaScript. It's called virtual scrolling (or windowing). Here's the whole idea, built from scratch. Try it live: https://dev48v.in