tanstack-vue-virtual-skilld
CommunityVirtualize scrollable elements in Vue
Authorharlan-zw
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the performance challenges of rendering long lists or large datasets in Vue applications by efficiently virtualizing scrollable elements, ensuring smooth performance even with thousands of items.
Core Features & Use Cases
- Virtualization: Renders only the visible items in a scrollable container, drastically improving performance for long lists.
- Dynamic & Fixed Sizing: Supports both items with fixed dimensions and items with dynamic, variable sizes.
- Framework Agnostic Core: Built on
@tanstack/virtual-core, providing a robust foundation for various frameworks. - Vue Integration: Specifically optimized for Vue.js applications using
useVirtualizeranduseWindowVirtualizer. - Use Case: Displaying a feed of thousands of messages, a long list of products in an e-commerce site, or a large data table where only a subset of rows are visible at any given time.
Quick Start
Use the tanstack-vue-virtual-skilld to virtualize a list of 1000 items in a Vue component.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: tanstack-vue-virtual-skilld Download link: https://github.com/harlan-zw/vue-ecosystem-skills/archive/main.zip#tanstack-vue-virtual-skilld Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.