关于 tanstack-virtual
tanstack-virtual 是面向使用 TanStack Virtual 的开发者的文档指导技能,涵盖大列表、网格、动态测量和反向信息流。它先识别已安装包及版本,再路由到匹配框架的参考资料。
主要功能
- 01检查已安装包与版本
- 02按框架选择适配器指南
- 03提供列表与网格虚拟化指导
- 04覆盖动态测量和反向信息流
- 05依据已安装版本匹配参考资料
适用场景
- 01为大型列表实现虚拟化
- 02处理聊天界面的反向信息流
- 03查阅特定框架适配器用法
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-virtual安装后在 Claude Code 中输入/tanstack-virtual确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/foundations.mdframework-angular.mdframework-lit.mdframework-marko.mdframework-react.mdframework-solid.mdframework-svelte.mdframework-vue.mdreferences/guides/virtual-docs-api-virtual-item-md-e07aeecc.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-anchorto.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-debug.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-enabled.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-followonappend.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-gap.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-getitemkey.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-horizontal.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialmeasurementscache.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialoffset.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-initialrect.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-isrtl.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-isscrollingresetdelay.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-laneassignmentmode.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-lanes.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-measureelement.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-observeelementoffset.mdvirtual-docs-api-virtualizer-md-c3b477a3--optional-options-observeelementrect.md详细介绍
TanStack Virtual
针对大型列表、网格、动态测量、反向信息流和框架适配器的虚拟化指南。
工作流
- 检查已安装的 TanStack 包及其确切版本。
- 阅读基础参考文档,以及与检测到的框架对应的适配器参考文档。
- 主题参考文档是索引。根据任务选择一篇指南或一个章节;仅在需要时遵循其前置链接。
- 优先参考已安装的包类型和与版本匹配的源码指南,而非依赖记忆。
- 将示例转换为框架适配器时,保留无头/核心行为。
任务路由
- 基础 — 简介、安装和 Virtualizer API。
- 测量和反向信息流 — 测量以及聊天/反向信息流虚拟化。
- React 适配器 — React 特定的设置和行为。
- Solid 适配器 — Solid 特定的设置和行为。
- Vue 适配器 — Vue 特定的设置和行为。
- Svelte 适配器 — Svelte 特定的设置和行为。
- Lit 适配器 — Lit 特定的设置和行为。
- Angular 适配器 — Angular 特定的设置和行为。
- Marko 适配器 — Marko 特定的设置和行为。
框架路由
- Angular — 检测
@tanstack/angular-virtual。阅读 Angular 适配器。 - Lit — 检测
@tanstack/lit-virtual。阅读 Lit 适配器。 - Marko — 检测
@tanstack/marko-virtual。阅读 Marko 适配器。 - React — 检测
@tanstack/react-virtual。阅读 React 适配器。 - Solid — 检测
@tanstack/solid-virtual。阅读 Solid 适配器。 - Svelte — 检测
@tanstack/svelte-virtual。阅读 Svelte 适配器。 - Vue — 检测
@tanstack/vue-virtual。阅读 Vue 适配器。
产品边界
如果任务涉及以下产品边界,请使用相应的独立产品技能:tanstack-table。
来源状态
来自 TanStack/virtual 的官方文档,与以下已验证的发布输入相匹配:@tanstack/[email protected]。
有关确切的上游输入和去重记录,请参阅来源溯源。
评论
支持 Markdown