构建客户端api以在react项目中进行集成

Question

我想知道构建API客户端的最有效方法是什么，将该客户端集成到我的反应项目中。

问题是：

1我是否需要使用fetch或await / sync开发基本的客户端api？ 2使用redux，任何方法或最佳实践与redux耦合？ 3访问env varibale以根据环境设置API_URL

使用的工具：现在反应脚本。

Answer 1

  

1我是否需要使用fetch或await / sync来开发基本的客户端api？

是。使用您选择的http框架。 JQuery，fetch，axios，等等。我不会在这个问题上详细介绍，因为它很容易发表意见并且不会有任何建设性的意见。

  

2使用redux，任何方法或最佳实践与redux耦合？

有很多用于处理API调用的redux中间件（或更常见的异步操作）。 redux-thunk是最广泛使用且最容易理解的内容之一，也可用于inject your API into you action creators。 redux-saga是另一个不错的选择，但比thunk更复杂。

  

3访问env varibale以根据环境设置API_URL

这不是我的强项，所以有一个更好的方法来做到这一点，但我使用了一个单独的脚本（＆＃34; configuration.js＆＃34;一般）有一个模板我在启动前用env变量的值替换的变量，并在html中用script标记链接到它。如何部署可能会使这更容易或更难。我通常部署一个docker容器，因此在启动时运行一些额外的命令并不困难。