Was macht tanstack-virtual?
Headless UI zur Virtualisierung großer Elementlisten bei 60 FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.
Headless UI zur Virtualisierung großer Elementlisten bei 60 FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.
Diese Fähigkeit stellt die virtuelle Listenvirtualisierungsbibliothek TanStack Virtual zur Verfügung, die entwickelt wurde, um die Leistung beim Rendern großer Listen zu optimieren, indem nur die aktuell sichtbaren Elemente gerendert werden. Sie erreicht flüssige 60 FPS durch effizientes Nutzen von Virtualisierungstechniken und ist vollständig Framework-agnostisch, mit Unterstützung für TypeScript/JavaScript, React, Vue, Solid, Svelte, Lit und Angular. Entwickler können mit diesem Tool Tausende von Elementen in Listen oder Gittern scrollen, ohne Einbußen bei der Benutzererfahrung – ideal für Chat-Protokolle, Tabellen, lange Produktlisten und andere datenintensive Szenarien. Die Integration erfolgt über einen minimalen API-Call mit Konfiguration von row count, item size und Overscan-Parametern, und der Virtualizer übernimmt dann die automatische. Aktualisierung der Ansicht bei Scroll- oder Größenänderungen. Die Dokumentation umfasst Frameworkspezifische Anleitungen und Beispiele, sodass sie in jedem beliebigen Webprojekt schnell einsetzbar ist.
npx skills add https://github.com/tanstack-skills/tanstack-skills/tree/main/skills/tanstack-virtualHeadless UI zur Virtualisierung großer Elementlisten bei 60 FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.
This repo contains 5 individual skills — each has its own dedicated page.
Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte.
Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.
Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.
Full-stack React framework powered by TanStack Router with SSR, streaming, server functions, and deployment to any hosting provider.
Headless UI for building powerful tables & datagrids for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".