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 。
【十分钟搞定前端虚拟列表】
推荐阅读
- 前端常用设计模式初探
- 我们一起聊聊前端接口容灾
- 全网疯传的前端量子纠缠效果,源码来了!
- 一个小偏方搞定过敏 项链防过敏小窍门
- Astro,这个前端框架有点不一样!
- 我职场女性,挑来挑去成为大龄剩女,36岁闪婚,一顿饭就把我搞定
- 前端框架的演进与未来展望
- 土豆去电水壶水垢小妙招 7个妙招搞定电水壶水垢
- 怎么使用CSS实现轮播图,前端项目流程八个阶段
- MySQL数据删除绝招,轻松搞定数据清除