使用'州' with redux for the#39; big'数据

时间:2016-09-27 13:22:55

标签: reactjs redux

我想做以下事情: 当用户连接到个人文件柜时,他获取所有数据(数组~5000行),这些数据将被存储在状态' allOrders'并且只有在添加新订单时才会更新(每分钟)(我使用websockets)。这是正常的做法(存储在州'大数据中)或更好地做不同的事情?

1 个答案:

答案 0 :(得分:1)

我发现当你进入成千上万的项目时,在浏览器中处理数据可能会很慢。即使您优化了渲染,您也可能希望进行过滤和排序以更好地可视化数据,只需使用.filter等迭代5k项目就会明显影响UI的响应能力,并且感觉迟钝。

您的替代方案是与数据服务器端合作,这当然会引入网络延迟,这也会影响性能;基本上你不太可能在不让用户等待某些操作的情况下使用这么大的数据集。然而,使用浏览器中的数据会使浏览器显示为“挂起”。 (即不响应用户操作)在大型操作期间,这比等待网络延迟更糟糕,这不会锁定浏览器..所以就有了。

在渲染大型列表时,我已成功使用https://github.com/bvaughn/react-virtualized。它与您提到的lib类似,因为它只呈现视图中的内容。你绝对不想尝试渲染5k的东西。