Reactjs 和服务器上的数据

Question

我是 Javascript 框架的新手，正在为我的新项目寻找框架。到目前为止，我使用带有 Bootstrap 前端的 MVC 框架 Django 创建了简单的应用程序。感谢框架，我将所有东西都放在一个包中，并且众所周知的最佳实践。对于 Javascript，我使用了一些 jQuery 库而不了解，只是配置了文档帮助。

当我尝试自己编写一些 Javascript 并发现 JS 世界（如 ES6、TypeScript）发生了很大变化时，我发现它非常有用。当我发现 JS 框架时，我感到爱不释手。

我读过框架，看了一些教程。和其他许多人一样，我发现 React 很好。但我完全缺少的是服务器部分。尤其是 React 教程创建了组件或函数，漂亮的 UI，但不包括接下来会发生什么数据。我知道 React 在 MVC 中被称为“V”。但是服务器部分的最佳实践或广泛使用的扩展是什么？除了创建动作和 UI 之外，是否有教程或书籍可以让我走得更远？

感谢任何链接，我只需要指出最佳方向。还是 React 只针对特定的项目部分而更好地寻找其他地方？

Answer 1

正如您所说，是的，有很多教程，其中大多数都没有介绍如何在服务器上部署节点应用程序。我假设你有一些服务器管理员知识，所以我会直接跳到设置的核心。

服务器设置

无论是简单的静态页面、单页面 API 还是反应应用程序，您都需要将 Node.js 安装在您希望它运行的任何服务器上。其次，您需要 Node.js 的生产流程管理器。我个人最喜欢的是PM2。该过程管理确保您的应用程序始终处于打开状态，并在它因任何原因出现故障时重新启动它。您还需要一个反向代理服务器（出于安全和 SEO 目的，您需要它）。同样，它的首选是 Nginx（它是 Apache 的竞争对手）

设置服务器的两个非常好的教程是 Tut #1 Tut #2

应用设置

除了您需要为应用处理路由的所有服务器设置（当您转到 /blog 或 /login 时会发生什么）。现在一个稳定的标准是Express.js。你可以不用，但是你需要在 Node.js 中手动编写大量的手动路由。你将设置 Express 来服务器返回你的索引文件和你可能需要的任何其他文件。

为 React 应用程序配置 Express 的一个很好的教程是 Video Tut。 他确实展示了更多，但那是在后来的视频中。一旦你明白了它的要点，你就可以停下来。

高级的东西

如果您希望 JavaScript 在服务器端或客户端呈现，这也是一个问题。为此，您需要为您的应用程序进行更多配置。如果您有兴趣，我上面链接的视频教程也应该向您展示如何设置它。