React + Redux 和一个 rest api？

Posted 2023-02-22

【中文标题】React + Redux 和一个 rest api？

【英文标题】：React + Redux with a rest api?

【发布时间】：2016-05-20 17:07:23

【问题描述】：

我在 node 中构建了一个简单的 CRUD 应用程序，并在 Express 中完成了其余 API 的创建。我现在正在寻找添加前端功能并希望使用 react + redux 作为学习练习。然而，似乎所有与此相关的教程都直接使用 Redux 访问数据，而不是与内部 API 交互。

我的问题是，这是用 redux 构建 SPA 的正确方法吗？我的印象是最好将前端与后端分开，这样我就可以构建一个 iPhone 应用程序而不必重新构建后端。

提前致谢。

【参考方案1】：

Redux 本身与 API 通信无关，它是用于客户端状态管理的库。您可以使用任何方法来触发和处理请求，最常见的是使用自定义 api-connecting 中间件，从动作创建者返回触发请求的函数，并将它们与thunk-middleware 一起使用或使用rx-bridges 或@987654322 等替代方法@。

【讨论】：

一切顺利 - 非常感谢您的回复和建议的中间件。

【参考方案2】：

开头：https://egghead.io/series/getting-started-with-redux

参考：What is best practice to communicate between React components and services?

Redux 通过设计强制构建 SPA 应用程序。

【参考方案3】：

首先，查看 redux 文档中的示例，"Real World" 最有用： https://github.com/reactjs/redux/tree/master/examples/real-world

然后，您可以研究有用的实用程序，例如 redux-promise-middleware。

最后，您可以尝试使用一些复杂的工具来将您的 redux-app 与 API 连接起来。 redux-rest-adapter 就是其中之一。

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review

@chrisz 我认为这种类型的答案可能是一个例外。让我想起了How do I get started with Node.js的最佳答案

@GoodTrip 考虑将您的答案标记为社区 wiki，以便其他人可以做出贡献。