React Griddle渲染延迟高达10,000行

时间:2017-08-19 08:28:24

标签: javascript reactjs griddle

我们在我们的应用程序和Griddle库中使用React框架来创建10,000行的表格。我们的应用程序大量利用网格中呈现的所有数据的搜索,排序功能。

我们面临的问题是浏览器花费大量时间来创建这些子行组件并渲染它们。平均1排大约需要1ms。有10,000行,它转换为10秒,这是巨大的。

理想情况下,我们希望以某种方式仅调整一小部分数据,例如50行,然后在用户滚动时动态渲染下一组数据。然而寻找;排序功能应该适用于所有数据。

  1. Griddle是最好的西装还是其他一些可以利用当前架构进行延迟加载的库。
  2. 关于如何实现这一点的其他解决方案,如服务器端排序,搜索,然后只返回一小部分数据到前端。然后在用户滚动事件上获取下一组分页数据。

0 个答案:

没有答案