Virtualize large lists and grids with TanStack Virtual for React 19.
npx skills add https://github.com/reynalivan/EMMM2 --skill virt-grid
Please help me install this Agent Skill. Skill: virt-grid Source: https://github.com/reynalivan/EMMM2/tree/main/.agent/skills/virt-grid Command: npx skills add https://github.com/reynalivan/EMMM2 --skill virt-grid
Large lists and grids render slowly, causing jank and lag in complex UIs; this skill provides deterministic virtualization to render only visible items.
Apply virt-grid to your large list container to enable efficient virtualization and smooth scrolling.
High-intent search queries and answers about installing and using this skill.
Large list rendering performance improves by applying virtualization to render only visible items. This skill virtualizes large lists and grids using TanStack Virtual to eliminate UI jank and lag in complex interfaces.
Infinite scroll integrates with virtualized lists via useInfiniteQuery to enable seamless data loading. This skill supports infinite scrolling to dynamically fetch and render data as users scroll through large grids.
React 19 compatibility is supported through specific guidelines to avoid flushSync warnings and ensure stable IDs. This skill provides examples for common UI patterns to maintain smooth virtualization in React 19 environments.
Virtualizing a frontend grid requires explicit container height, overflow-y auto, and relative parent positioning. This skill enforces these functional requirements to correctly calculate visible item rendering.
Virtualized list scroll lag occurs when large lists render all items simultaneously instead of only visible ones. This skill solves the problem by deterministically virtualizing large grids to improve rendering performance.
Frontend virtualization is needed when rendering large lists or grids causes UI jank. This skill targets complex interfaces like FolderGrid, ModList, and ConsoleView to ensure smooth scrolling performance.
suwandreEnforce stable, unique keys for React list items during reconciliation.
TaherMustansir1929Virtualize large lists and grids to render only visible items.
oakossManage React server state with TanStack Query caching and background updates.
MCERQUAProvides JavaScript/TypeScript text measurement and layout without DOM or CSS reliance.
