javascript - Reactjs 和服务器上的数据

Question

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

当我尝试自己编写一些 Javascript 并发现 JS 世界发生了巨大变化(例如 ES6、TypeScript)时，我发现它非常有用。当我发现 JS 框架时，我爱上了它。

我读过有关框架的内容，观看了一些教程。和其他许多人一样，我发现 React 很好。但我完全缺少的是服务器部分。特别是 React 教程创建了组件或函数、漂亮的 UI，但没有涵盖接下来数据会发生什么。我知道 React 在 MVC 中被称为“V”。但是服务器部分的最佳实践或广泛使用的扩展是什么？除了创建操作和 UI 之外，还有教程或书籍可以帮助我进一步了解吗？

感谢您的任何链接，我只需要指出最佳方向。还是 React 只适用于特定的项目部分，最好去其他地方寻找？

Answer 1

正如您所说，是的，有很多教程，其中大多数都没有涵盖如何在服务器上部署节点应用程序。我假设您有一些服务器管理知识，因此我将直接跳到设置的核心内容。

服务器设置

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

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

应用程序设置

除了所有服务器设置之外，您还需要处理应用程序的路由(当您转到/blog 或/login 时会发生什么)。目前稳定的标准是Express.js 。您可以不使用，但随后您需要在 Node.js 中手动编写大量手动路由。您将设置 Express 来服务器您的索引文件和您可能需要的任何其他文件。

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

高级内容

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