TanStack
自动

TanStackVirtual

无头 用于虚拟化大型元素列表的 UI

在 TS/JS、React、Vue、Solid、Svelte、Lit 和 Angular 中,在大型可滚动元素内以 60FPS 虚拟化仅可见的 DOM 节点,同时保留对标记和样式的 100% 控制。

开始使用

为零设计而设计

无头虚拟化意味着您始终掌控您的 标记、样式和组件

强大功能,小巧封装

不要被小的捆绑包大小所迷惑。TanStack Virtual 利用每一个字节来提供强大的性能。毕竟, 60FPS 是基本要求 在今天,我们拒绝为实现 🧈 般流畅的用户体验而牺牲任何东西。

最大程度的可组合性

通过单个函数/hook,您将获得无限的虚拟化,用于 垂直、水平和网格样式布局。API 非常小巧(实际上只有 1 个函数),但其可组合性却非常强大。

框架无关且功能丰富

TanStack Virtual 的 API 和引擎高度模块化且框架独立,同时仍然优先考虑人体工程学。 请看,这是必备的功能列表

轻量级 (10 - 15kb) Tree-Shaking Headless 垂直/列虚拟化 水平/行虚拟化 网格虚拟化 窗口滚动 固定尺寸 可变尺寸 动态/测量尺寸 滚动工具 粘性项目

合作伙伴

Virtual你呢?
我们正在寻找一位 TanStack Virtual OSS 合作伙伴,以超越赞助的范畴。您是否像我们一样对 TanStack Virtual 投入?让我们一起推动 Virtual 的边界!
聊聊吧
这个广告帮助我们对投入的时间感到高兴,而不是精疲力尽并愤怒地退出开源。耶,钱真好!😉

试试看!

只需几个 div 和一些内联样式,您就已经在创建极其强大的虚拟化体验的路上了。

哇,您已经走了很远!
只剩下一件事要做...
开始吧!