Reactjs 前端-后端数据集成和获取的模式/方法

Reactjs 前端-后端数据集成和获取的模式/方法,reactjs,api,redux,frontend,backend,Reactjs,Api,Redux,Frontend,Backend,我已经在我开发的一些小应用程序中应用了一种模式,下一个工具是: 前端:ReactJS、Redux、Firebase(仅用于身份验证) 后端:带有Express的节点和我使用的数据库(mysql或mongo)的库 过去的流程是这样的: 页面加载和验证用户是否已登录。如果是,则使用后端获取应用程序数据。如果不是,只需检查用户是否不在受保护的路由上,然后让他导航(创建帐户、重置密码等) 当提取发生并且用户登录时,后端将从该用户发送所有数据(类别、商店、产品、配置文件和任何其他信息,以使应用程序运行流畅

我已经在我开发的一些小应用程序中应用了一种模式,下一个工具是:

前端:ReactJS、Redux、Firebase(仅用于身份验证) 后端:带有Express的节点和我使用的数据库(mysql或mongo)的库

过去的流程是这样的:

  • 页面加载和验证用户是否已登录。如果是,则使用后端获取应用程序数据。如果不是,只需检查用户是否不在受保护的路由上,然后让他导航(创建帐户、重置密码等)
  • 当提取发生并且用户登录时,后端将从该用户发送所有数据(类别、商店、产品、配置文件和任何其他信息,以使应用程序运行流畅),因此在导航时不会连续加载以提取每个数据块。这种情况也会发生,因为数据量不大(一开始),比如说可能有1到2家商店,每家商店有15-20种产品
  • 当更新数据(如更改产品名称、价格或任何类型的数据变化)时,前端向后端发送一个请求,然后完成更新,并发送一个success true/false响应作为请求的答案
  • 假设上一步是创建商店。因此,前端接收到成功响应,然后向redux STORE发送一个APPEND_STORE事件,以捕获新的存储及其数据(只有在后端创建的ID+其他数据作为http请求的响应接收,在前端生成的数据取自应用本身)并将其附加到stores数组,然后再次设置store数组对象
  • 上一步发生的原因是为了避免后端首先进行更新,然后进行新查询以再次获取新注册(ej:create new store request->backend创建存储并检索新ID->backend查找/查询具有其ID的新注册->回答数据)
  • 所以,基本上,问题是关于模式。到目前为止,这种模式还没有给我带来太大的麻烦,但我敢肯定,从这一点上看,我还没有看到一些细节,而且我认为有一些建议的方法来处理这个问题,我在互联网上还找不到

    我想知道这方面的最佳方法(或者至少是上面提到的更好的方法),以便将其应用到更大的应用程序中,以处理更多的用户和数据,这些用户和数据将随着时间的推移而增加

    主要问题:

  • 加载时,后端应该处理所有数据并将其发送到前端,还是应该发送最少的数据以让应用程序开始,然后根据导航要求发送?我还在想,当数据长大后,发送一块限制为10/20寄存器的数据,以保持相同的方法,但我想知道处理它的标准/正确方法

  • 当数据验证在后端失败时,后端应该使用一个OK状态代码和一个名为success的键:“true/false”以及在前端处理此问题的其他数据来回答,还是应该使用一个错误状态代码来回答

  • 正如我所说,后端只回答由后端本身创建的数据(ID、创建日期等)。后端应该只回答这个问题,还是应该进行新的查询以获得完整的注册并将其作为响应发送?最初采用这种方法是为了优化资源(响应发送的请求和数据的最小数量)。我还认为这可能是一种愚蠢的方法,因为当今世界有很多资源,所以差异不应该改变任何东西的性能。同样,有了这个答案,我在redux上的行为也会改变。您对这种redux方法有何评论

  • 可以先查询数据库以进行更新,然后再查询以获取所有已注册的数据吗?我知道创建数据库是为了处理多个查询,但我不知道这样做时是否需要考虑一些缺点

  • 真的谢谢