在反应状态下什么被认为是“数据太多”

Mal*_*bur 9 reactjs react-redux

我目前正在构建一个带有仪表板的应用程序,其中列出了大量统计信息。数据通过 API 加载并存储在我的组件状态中(目前不使用 redux — 只是简单的反应)。我正在加载超过 100.000(小)行数据,并将它们存储为状态数组。我的问题是:在什么时候我的状态的大小会成为问题?在某些时候肯定会有内存限制吗?数组中的 100.000 个条目是一个问题,是 1.000.000?如果是,处理如此大量数据的替代解决方案是什么?这是 redux 可以提供帮助的地方吗?

Man*_*avM 9

在大多数情况下,它并不重要,如果你存储这些数据,就像你是如何的数据存储得多。您存储的所有数据,无论是在存储中还是在静态变量中,都存储在 RAM 中。因此,您的应用程序可能会因为占用过多资源而导致浏览器崩溃。

一个更好的存储解决方案(如果您必须在客户端存储数据)是使用称为IndexedDB 的东西。IndexedDB 将数据存储在您的硬盘而不是 RAM 中

但是,在大多数用例中,建议将数据存储在后端,对其进行分页,然后根据需要仅将单个页面发送到客户端。这确保了

  • 在应用程序工作之前,客户端不必加载大量数据。

  • 客户端不必在 RAM 中存储大量数据。