SYSTEM Cited by 1 source
TanStack Virtual¶
TanStack Virtual is an open-source headless virtualization library for React and other front-end frameworks. It implements window virtualization: only the visible slice of a long list or grid is mounted in the DOM at any moment; off-screen items are unmounted and swapped in as the user scrolls. Homepage: tanstack.com/virtual/latest.
Why it matters in the wiki¶
Named as the virtualization substrate in GitHub's 2026-04-03 Files-changed-tab performance retrospective — the p95+ pull-request tier (10,000+ diff lines) swaps the normal DOM-full diff render for TanStack Virtual. Reported impact: 10× reduction in both JS heap usage and DOM nodes, INP from 275-700+ ms down to 40-80 ms on those PRs.
Trade-off explicit in the GitHub case¶
Virtualization sacrifices native browser find-in-page — the
browser's Ctrl-F can only search text present in the DOM; if
only the visible window is there, off-screen diff content is
invisible to the find dialog. GitHub's strategy framing makes this
an explicit tier: medium-and-smaller PRs keep native behavior, p95+
PRs accept the loss in exchange for survivability.
Stub¶
Only covered at the depth load-bearing for the one currently ingested
source. TanStack Virtual's broader API, render-prop / hook shape,
dynamic-size / horizontal / grid support, and comparison to
react-window / react-virtuoso are out of scope.
Seen in¶
- sources/2026-04-03-github-the-uphill-climb-of-making-diff-lines-performant — p95+ PR virtualization; 10× DOM-node + JS-heap reduction, INP 275-700+ ms → 40-80 ms on giant PRs.
Related¶
- concepts/window-virtualization — the technique TanStack Virtual implements.
- systems/github-pull-requests — the canonical wiki instance of TanStack Virtual in production.
- systems/react — the UI runtime this library plugs into.