TanStackVirtual

無頭式 大型元素列表虛擬化 UI 解決方案

在 TS/JS、React、Vue、Solid、Svelte、Lit 和 Angular 中以 60FPS 的速度僅渲染大型可滾動元素中可見的 DOM 節點,同時保持對標記和樣式的 100% 控制。

開始使用

為零設計而設計

無界面虛擬化意味著您始終可以控制您的 標記、樣式和組件。去設計並實現您能夠想像的最美麗的 UI,讓我們來處理困難的部分。

強大功能,體積小

不要被小小的包大小所迷惑。TanStack Virtual 利用每一個字節來提供強大的性能。畢竟, 60FPS 是基本要求 現在,我們拒絕為了那種🧈般流暢的用戶體驗犧牲任何東西。

最大可組合性

只需一個函數/鉤子,您將獲得 垂直、水平和網格式布局的無限虛擬化。API 非常小(字面上就是 1 個函數),但其可組合性卻不小。

框架無關 & 功能豐富

TanStack Virtual 的 API 和引擎高度模塊化且與框架無關,同時仍然保持良好的開發體驗。看看這些功能列表:

輕量級 (10 - 15kb) 支持 Tree-Shaking 無頭式設計 垂直/列虛擬化 水平/行虛擬化 網格虛擬化 窗口滾動 固定尺寸 可變尺寸 動態/測量尺寸 滾動輔助工具 固定項目

合作夥伴

Virtual 與您?
我們正在尋找 TanStack Virtual 開源合作夥伴,希望您能超越一般贊助的範疇。您是否與我們一樣投入於 TanStack Virtual?讓我們一起推動 Virtual 的發展界限!
一起交流
開源專案上的廣告? 這是什麼,1999年嗎?
拜託... TanStack 是100%私人擁有,沒有付費產品、風險投資或併購計劃。我們是一個小團隊,致力於創建每天被數百萬人使用的軟件。你還期望什麼?
了解我們的理念 來瞭解我們如何計劃長期堅持下去(並保持相關性)。

親自體驗!

只需幾個 div 和一些行內樣式,您就已經在創建一個極其強大的虛擬化體驗的道路上了。

哇,您已經走了很長一段路!
只剩下一件事要做...
開始使用!