reactjs - 对于 Redux 存储来说多大才算太大？

Question

因此，我正在考虑将整个翻译对象放入 redux 存储中，然后再加载到客户端上。该翻译对象经过 gzip 压缩后大小约为 50kb，未压缩时约为 115kb。

我们的整个网站都经过翻译，因此这个翻译对象基本上代表了网站上的所有非动态副本。如果它在最初的 http 请求上被水合到客户端上，它应该提供即时的浏览体验，至少对于内部副本来说是这样。

但是，我想知道这对于 redux 存储来说是否太大了？

Answer 1

您应该单独加载翻译。 Webpack 允许代码分割，这会有所帮助。或者您可以只使用脚本标记。

单独加载它的原因是为了让浏览器可以缓存它。这使得每个用户只能加载一次。由于React生成的HTML页面是动态的，并且你传递下来的store也是动态的，所以它们无法被缓存。

对于如此大的数据 block ，在每次页面加载时加载它是一个坏主意。

此外，该商店是用于状态的。它是为了处理变化的事情。将静态数据放在那里并不是它应该处理的。这并不意味着它不能完成，但它只是不是一个很好的匹配。