React Redux处理大数据

Question

我目前正在使用一种工具来读取Excel文件并将其显示在webApp中。我就像在Excel中一样拆分每个工作表的不同选项卡。切换标签时，大约需要2秒钟。这是因为Excel-> Json的行长为8000+。可能无法处理如此庞大的Json的redux。

我做了一些研究，但是我不知道我的解决方案是否可行。如果是这样的话，哪一个最好呢？

1. immutable.js
2. redux-orm
3. 多家商店（但这是“不要”）

也许有人有更好的解决方案来处理大数据。

Answer 1

Redux不是问题

Redux可以处理大量数据，在这种情况下应该不是问题。重新渲染很有可能是一个问题。当您在它们之间交换时，即使不在视图中的选项卡也可能会重新呈现，以进行测试以删除多余的选项卡，直到只有2个并测试它们之间的单击并查看重新呈现所花费的时间。阅读文档here中的效果部分。

优化

在处理大量数据时，微优化确实可以提供帮助。如果您使用的是Container component, Presentational component pattern，请确保您的演示组件使用的是PureComponent子类。这将帮助您停止浪费内存的渲染。

PureComponent的替代方法是componentShouldUpdate，您可以指定何时进行更新/渲染的规则。

react dev工具中有一个复选框，可让您检查组件何时退货，请检查并开始移动您的应用程序。它将向您显示所有被解雇的毫无意义的退货。

另一种帮助优化的方法是延迟加载，“为什么当屏幕只能容纳100条时显示8000条记录？”。这有2种效果，您不会得到不希望看到的数据，也不会渲染不在屏幕上的单元格。

我希望这能给你一些前进的思路，祝你好运。