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

Question

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

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

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

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

Answer 1

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