tanstack-virtual은(는) 무엇을 하나요?
TS/JS, React, Vue, Solid, Svelte, Lit 및 Angular에서 대규모 요소 목록을 60FPS로 가상화하는 헤드리스 UI입니다.
TS/JS, React, Vue, Solid, Svelte, Lit 및 Angular에서 대규모 요소 목록을 60FPS로 가상화하는 헤드리스 UI입니다.
TanStack Virtual은 대규모 요소 목록이나 그리드를 효율적으로 렌더링하기 위한 헤드리스 가상화 라이브러리입니다. 스크롤 영역 내에서 현재 화면에 보이는 요소만 렌더링하여, 수천 개의 항목이 있는 경우에도 60FPS의 부드러운 성능을 보장합니다. 이 기술은 DOM 노드 수를 최소화하여 메모리 사용량과 레이아웃 계산 비용을 크게 줄입니다. TanStack Virtual은 프레임워크에 구애받지 않도록 설계되어, TS/JS, React, Vue, Solid, Svelte, Lit, Angular 등 주요 프론트엔드 프레임워크와 원활하게 통합됩니다. 개발자는 간단한 훅이나 컴포넌트를 사용하여 복잡한 DOM 조작 없이도 가상화 기능을 애플리케이션에 추가할 수 있습니다. 주요 기능으로는 동적 크기 요소 지원, 수평 및 수직 스크롤, 점진적 로딩, 커스터마이징 가능한 동작 등이 있습니다. CLI 명령어나 빌드 단계 없이 npm 패키지로 설치하여 바로 사용할 수 있으며, 각 프레임워크에 특화된 패키지가 제공됩니다.
npx skills add https://github.com/tanstack-skills/tanstack-skills/tree/main/skills/tanstack-virtualTS/JS, React, Vue, Solid, Svelte, Lit 및 Angular에서 대규모 요소 목록을 60FPS로 가상화하는 헤드리스 UI입니다.
This repo contains 5 individual skills — each has its own dedicated page.
Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte.
Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.
Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.
Full-stack React framework powered by TanStack Router with SSR, streaming, server functions, and deployment to any hosting provider.
Headless UI for building powerful tables & datagrids for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".