react大数据量渲染_React大量数据渲染的绝佳解决方案——React虚拟化组件

介绍

在当下Web开发盛行的时代里，Web应用随之面临着各种问题，虽然前端框架或者前端解决方案百花齐放，但是并不是所有的问题都能很完美的解决。由于Web应用是基于浏览器渲染界面的，而由于浏览器瓶颈的限制，当大量数据需要渲染到DOM中时，常常会很卡顿，传统的做法大多数是向用户展示一个loading遮罩层，或者是类似于分页形式的加载，但显然有些时候并不能解决所有问题，长时间loading的战展示或许还会给用户带来不优雅的体验，结合以上问题，就出现了一些更加优雅的解决方案，虚拟化加载！

打开搜狗搜索APP，查看更多精彩资讯

我对虚拟化的理解

笔者认为虚拟化并不是一种新技术，它只是一种为了解决大数据量渲染的一种办法，我们知道浏览器本身能展示给用户的界面就那么大，成千上万的数据量渲染出来的页面他并不能完全看到，因此就出现一种在用户可见范围内渲染页面的技术，只有当用户需要看到它的时候才会去渲染，也就是说原本渲染是一次性的，现在是分步进行的，很好的解决了界面渲染卡顿的问题！下面会介绍两个解决此类问题的react组件框架

react virtualized

react virtualized是一个开源的React虚拟化组件，你可以到Github上获取它，它能够高效的呈现大型列表和表格数据&