将对象大小存储在react redux上。

Question

在redux-store中放置许多项是否存在性能问题？例如，商店是这样的：

{
    user:{...},
    userDetail:{},
    shoppingCart:{},
    OrderDetail:{},
    ...
}

它的键数几乎是50个项目。

我在我的项目中使用react-redux来存储任何数据(甚至是应用程序的一个部分中使用的、不共享的数据)。

Answer 1

这完全取决于数据的大小，以及你使用数据的方式。

数据大小

你说过你有大约50件物品。每个项目都是一个对象吗？它有20个属性吗？可能有两万个房产？我使用了大约10,000个复杂项(每个属性为20-30个)的redux，并且没有遇到问题，但是您的数据/行为可能非常不同。

数据使用

你如何对待每个零钱？效果是导致了一个小的变化，还是您显着地改变了DOM？您使用redux 选择器吗？

请记住，在性能方面，呈现通常比更新数据对象(甚至是像redux存储这样的大型对象)要昂贵得多，所以对于更多的情况，不是您的状态管理，而是您如何使用。

但是，这并不意味着您可能不会遇到问题，所以最好的方法是实际测试有问题的场景，可能是使用基准测试 测试。

一般来说，redux被认为是一个高性能的状态管理系统，考虑到您使用得当：

在需要时使用选择器，编写适当的减缩器，并有效地将ui和数据拆分到减速机等。