·tanstack-virtual
</>

tanstack-virtual

✓
fellipeutaka/leonGitHub: fellipeutaka/leonИсточник: fellipeutaka/leon

TanStack Virtual безголовая виртуализация для React. Используйте при рендеринге больших списков (более 100 элементов), реализация виртуальной прокрутки, создание бесконечных каналов прокрутки, виртуализация сеток или таблиц, используя прокрутку на уровне окна или реализуя макеты каменной кладки/дорожки с помощью @tanstack/react-virtual. Срабатывает при: useVirtualizer, useWindowVirtualizer, виртуальном списке, виртуальной прокрутке, виртуализации списка.

fellipeutaka·tanstack·virtual
7Установки·0Тренд·@fellipeutaka

Установка

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

Как установить tanstack-virtual

Быстро установите AI-навык tanstack-virtual в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: fellipeutaka/leon.

SKILL.md

Показать raw

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 |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual
Источник
fellipeutaka/leon
Категория
</>Разработка
Проверено
✓
Впервые замечено
2026-02-26
Обновлено
2026-03-11
URL
https://www.learn-skills.dev/ru/skills/fellipeutaka/leon/tanstack-virtual

Browse more skills from fellipeutaka/leon

Короткие ответы

Что такое tanstack-virtual?

TanStack Virtual безголовая виртуализация для React. Используйте при рендеринге больших списков (более 100 элементов), реализация виртуальной прокрутки, создание бесконечных каналов прокрутки, виртуализация сеток или таблиц, используя прокрутку на уровне окна или реализуя макеты каменной кладки/дорожки с помощью @tanstack/react-virtual. Срабатывает при: useVirtualizer, useWindowVirtualizer, виртуальном списке, виртуальной прокрутке, виртуализации списка. Источник: fellipeutaka/leon.

Как установить tanstack-virtual?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-virtual После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/fellipeutaka/leon

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-26

Похожие навыки

commit-work
21 Установки
vercel-react-best-practices
20 Установки
clean-code
19 Установки
tanstack-query
19 Установки
motion
18 Установки
next-best-practices
18 Установки