·tanstack-virtual
</>

tanstack-virtual

TanStack Virtual Headless-Virtualisierung für React. Zum Rendern großer Listen (mehr als 100 Elemente) verwenden. Implementierung eines virtuellen Scrolls, Erstellung unendlicher Scroll-Feeds, Virtualisierung von Rastern oder Tabellen, Verwenden von Scrollen auf Fensterebene oder Implementieren von Mauerwerks-/Fahrspurlayouts mit @tanstack/react-virtual. Auslöser bei: useVirtualizer, useWindowVirtualizer, virtuelle Liste, virtueller Bildlauf, Listenvirtualisierung.

7Installationen·0Trend·@fellipeutaka

Installation

$npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual

So installieren Sie tanstack-virtual

Installieren Sie den KI-Skill tanstack-virtual schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: fellipeutaka/leon.

scrollMargin = distance from page top to list top. Subtract it from item.start in the transform.

| overscan | 1 | Extra items rendered outside visible area | | gap | 0 | Spacing between items (px) — use instead of CSS margin | | paddingStart | 0 | Padding before first item (px) | | paddingEnd | 0 | Padding after last item (px) | | horizontal | false | Horizontal orientation | | lanes | 1 | Columns (vertical) or rows (horizontal) for masonry |

| getItemKey | index | Stable item keys — always set when items have IDs | | enabled | true | Set false to disable observers and reset state | | isRtl | false | RTL horizontal scroll |

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-26
Aktualisiert
2026-03-11

Browse more skills from fellipeutaka/leon

Schnelle Antworten

Was ist tanstack-virtual?

TanStack Virtual Headless-Virtualisierung für React. Zum Rendern großer Listen (mehr als 100 Elemente) verwenden. Implementierung eines virtuellen Scrolls, Erstellung unendlicher Scroll-Feeds, Virtualisierung von Rastern oder Tabellen, Verwenden von Scrollen auf Fensterebene oder Implementieren von Mauerwerks-/Fahrspurlayouts mit @tanstack/react-virtual. Auslöser bei: useVirtualizer, useWindowVirtualizer, virtuelle Liste, virtueller Bildlauf, Listenvirtualisierung. Quelle: fellipeutaka/leon.

Wie installiere ich tanstack-virtual?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/fellipeutaka/leon