tanstack-virtual
Installation
SKILL.md
Overview
TanStack Virtual provides virtualization logic for rendering only visible items in large lists, grids, and tables. It calculates which items are in the viewport and positions them with absolute positioning, keeping DOM node count minimal regardless of dataset size.
Package: @tanstack/react-virtual
Core: @tanstack/virtual-core (framework-agnostic)
Installation
npm install @tanstack/react-virtual
Core Pattern
import { useVirtualizer } from '@tanstack/react-virtual'