·tanstack-virtual
</>

tanstack-virtual

Virtualisation sans tête TanStack Virtual pour React. À utiliser lors du rendu de grandes listes (plus de 100 éléments), implémenter le défilement virtuel, créer des flux de défilement infinis, virtualiser des grilles ou des tableaux, en utilisant le défilement au niveau de la fenêtre ou en implémentant des dispositions de maçonnerie/voies avec @tanstack/react-virtual. Déclencheurs sur : useVirtualizer, useWindowVirtualizer, liste virtuelle, défilement virtuel, virtualisation de liste.

7Installations·0Tendance·@fellipeutaka

Installation

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

Comment installer tanstack-virtual

Installez rapidement le skill IA tanstack-virtual dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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 |

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-26
Mis à jour
2026-03-10

Browse more skills from fellipeutaka/leon

Réponses rapides

Qu'est-ce que tanstack-virtual ?

Virtualisation sans tête TanStack Virtual pour React. À utiliser lors du rendu de grandes listes (plus de 100 éléments), implémenter le défilement virtuel, créer des flux de défilement infinis, virtualiser des grilles ou des tableaux, en utilisant le défilement au niveau de la fenêtre ou en implémentant des dispositions de maçonnerie/voies avec @tanstack/react-virtual. Déclencheurs sur : useVirtualizer, useWindowVirtualizer, liste virtuelle, défilement virtuel, virtualisation de liste. Source : fellipeutaka/leon.

Comment installer tanstack-virtual ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/fellipeutaka/leon