·tanstack-virtual
</>

tanstack-virtual

✓
fellipeutaka/leonGitHub: fellipeutaka/leonFuente: fellipeutaka/leon

Virtualización sin cabeza TanStack Virtual para React. Úselo al representar listas grandes (más de 100 elementos), implementar desplazamiento virtual, crear feeds de desplazamiento infinito, virtualizar cuadrículas o tablas, usando desplazamiento a nivel de ventana o implementando diseños de mampostería/carriles con @tanstack/react-virtual. Activadores de: useVirtualizer, useWindowVirtualizer, lista virtual, desplazamiento virtual, virtualización de lista.

fellipeutaka·tanstack·virtual
7Instalaciones·0Tendencia·@fellipeutaka

Instalación

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

Cómo instalar tanstack-virtual

Instala rápidamente el skill de IA tanstack-virtual en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: fellipeutaka/leon.

SKILL.md

Ver original

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 |

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
Fuente
fellipeutaka/leon
Categoría
</>Desarrollo
Verificado
✓
Primera vez visto
2026-02-26
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/fellipeutaka/leon/tanstack-virtual

Browse more skills from fellipeutaka/leon

Respuestas rápidas

¿Qué es tanstack-virtual?

Virtualización sin cabeza TanStack Virtual para React. Úselo al representar listas grandes (más de 100 elementos), implementar desplazamiento virtual, crear feeds de desplazamiento infinito, virtualizar cuadrículas o tablas, usando desplazamiento a nivel de ventana o implementando diseños de mampostería/carriles con @tanstack/react-virtual. Activadores de: useVirtualizer, useWindowVirtualizer, lista virtual, desplazamiento virtual, virtualización de lista. Fuente: fellipeutaka/leon.

¿Cómo instalo tanstack-virtual?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/fellipeutaka/leon

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-26

Skills Relacionados

commit-work
21 Instalaciones
vercel-react-best-practices
20 Instalaciones
clean-code
19 Instalaciones
tanstack-query
19 Instalaciones
motion
18 Instalaciones
next-best-practices
18 Instalaciones