tanstack-virtual

TanStack Virtual is a headless UI utility for virtualizing large lists, grids, and tables. It renders only the visible items in the viewport, dramatically reducing DOM nodes and improving performance for datasets with thousands of rows. Framework adapters are available for React, Vue, Solid, Svelte, Lit, and Angular.

When to use: Rendering thousands of rows or columns, building virtualized tables, implementing infinite scroll, displaying large datasets where DOM node count impacts performance.

When NOT to use: Small lists under 100 items (no performance benefit), server-rendered static content, layouts where all items must be in the DOM for SEO or accessibility, simple pagination (render one page at a time instead).

TanStack Virtual لمحاكاة القوائم والشبكات والجداول الكبيرة بشكل افتراضي. يُستخدم عند عرض آلاف الصفوف، أو تنفيذ التمرير اللانهائي، أو تحسين عرض البيانات الكبيرة. يستخدم للظاهرية، والمحاكاة الافتراضية، والقائمة الافتراضية، والتمرير الظاهري، واستخدامVirtualizer، والتمرير اللانهائي، والنوافذ. المصدر: oakoss/agent-skills.