reactjs - 我应该下载所有数据进行 redux 还是根据需要请求它们？

Question

我正在编写我的第一个 React Redux 电子商务应用程序，我想知道什么是最佳实践，我应该下载所有数据还是使用服务器端分页。当用户进入路线“/products”时，我检查该州是否有产品，如果没有，则获取它们。

componentDidMount(){
    if(this.props.products.length <= 0){
        var token = this.props.auth.token;
        this.props.actions.getProducts(token);
    }
}

但我不确定是否应该下载所有产品(1,000 个)并将它们保存在商店中或根据需要请求它们。示例:我下载 100 个产品并获取所有页面，如果用户想查看接下来的 100 个产品，我会从服务器获取接下来的 100 个产品。

我还将在其他地方以其他形式使用该产品。

你觉得怎么样？

Answer 1

这些都是有效的方法。对于您的情况来说，“正确”的信息主要取决于检索的信息类型。

例如，如果它是一小部分信息的小列表，您可能希望通过一次检索所有内容来加快处理速度。

但是，如果您正在加载可能很长的列表或信息“繁重”(很多字段或很大的文本)，您可能不希望客户端资源像这样全部用完。没有人愿意看到自己的网络和内存因为一个令人讨厌的页面而被吞噬。

我不知道你的数据，但是一千个产品似乎有点多。我的建议是:衡量请求的大小并决定是否值得一次加载所有内容。