从 REST API 为 React/Redux 应用程序加水

Question

我的前端有一个 React/Redux 应用程序，后端有一个 REST API，我使用 JWT 作为一种“会话”ID（与我的 oAuth 服务器 Laravel Passport 一起使用）。

无论如何，我想知道当您拥有一个具有单个资源端点的 RESTful 服务时，当页面最初加载时，为 redux 存储补充水分的最佳策略是什么。

目前我正在安装组件。所以说一个组件列出了一个资源，我将 api/hydrate 称为该资源的组件挂载上的存储。虽然这会导致许多 API 调用，并且在组件再次挂载时可能会导致不必要的调用。

您知道有没有更好的替代方案？我主要担心的是我不想在我的 API 中引入一些奇怪的端点，专门用于水合页面。

Answer 1

不要将组件绑定到 api 端点。使用它们的生命周期钩子来触发数据的初始获取，但通过调度异步操作。当一个组件再次挂载时，它可以从 redux 状态渲染它的资源，或者运行一些逻辑来确定它已经过时并调度另一个动作来更新 store。