十分钟搞定前端虚拟列表( 二 )


React-window 是对 React-virtualized 的完全重写,旨在使库更小、更快 。React-window的包大小较?。?并且在构建项目时对文件大小的增加也相对较小 。相比之下,React-virtualized 有许多非必要的功能和组件,导致包大小较大 。

十分钟搞定前端虚拟列表

文章插图
Github(??14.8k):https://github.com/bvaughn/react-window 。
react-virtuosoReact Virtuoso 是最强大的 React 虚拟列表/表格组件 , 以下是其优势所在:
  • 可变大小的项目
  • 支持反向(从底部向上)滚动和前置项目(例如聊天、动态推送等) 。
  • 分组模式与粘性标题
  • 响应式网格布局
  • 表格支持
  • 自动处理内容调整
  • 自定义头部、底部和空列表组件
  • 固定顶部项目
  • 无限滚动、按需加载更多
  • 初始化最顶部项目索引
  • 滚动到指定项目索引的方法

十分钟搞定前端虚拟列表

文章插图
Github(??4.3k):https://github.com/petyosi/react-virtuoso 。

【十分钟搞定前端虚拟列表】


推荐阅读