tanstack-virtual

TanStack Virtual Reference

TanStack Virtual (@tanstack/react-virtual) A skill distilled from the v3 API documentation. Depending on the user's task, read the appropriate README.md and follow it through to the individual files.

Directory structure

skills/tanstack-virtual/
  SKILL.md
  references/
    getting-started/
      README.md
      introduction.md
      installation.md
      react-virtual.md
      pretext.md
      chat.md
    api/
      README.md
      virtualizer.md
      virtual-item.md
      utilities.md
  samples/
    README.md
    fixed-rows.md
    fixed-columns.md
    variable-rows.md
    dynamic-measured.md
    grid.md
    sticky-headers.md
    infinite-scroll.md
    table-virtualization.md
    window-scroller.md
    smooth-scroll.md
    padding-gap.md

Exploration procedure

Derive the category from the task, and identify the target page in the category's README.md:

1. Find the category corresponding to the task in the mapping table below
2. of that category references/{category}/README.md to identify the target page
3. Read the .md of the relevant page to check the details

Task → Category Mapping

Task	Category	Reference README
Want to know about introduction, basic concepts, and installation steps	getting-started	references/getting-started/README.md
useVirtualizer / useWindowVirtualizer hook usage	getting-started	references/getting-started/README.md
Text line height estimation (pretext), chat/log tail following (anchorTo, etc.)	getting-started	references/getting-started/README.md
Virtualizer List of initialization options for the	api	references/api/README.md
getVirtualItems / getTotalSize / scrollToIndex / measure and other instance methods	api	references/api/README.md
VirtualItem Want to know the structure and coordinate information of	api	references/api/README.md
rangeExtractor / scrollToFn / measureElement and other default implementations (Utilities) for custom adapters	api	references/api/README.md
Implementation examples of fixed/variable size row and column virtualization, dynamic measurement (measureElement)	samples	samples/README.md
Implementation examples of grid virtualization, sticky header, infinite scroll, table virtualization, window scroller	samples	samples/README.md
Examples of smooth scrolling and padding/gap settings	samples	samples/README.md