服务器上的Reactjs和数据

Reactjs and data on server

本文关键字：数据 Reactjs 服务器更新时间：2023-09-26

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

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

我读过框架，看过一些教程。和其他许多人一样，我发现React很好。但是我完全忽略了服务器部分。特别是React教程创建组件或函数，漂亮的UI，但不涉及数据接下来会发生什么。我知道React在MVC中被称为"V"。但是服务器部分的最佳实践或广泛使用的扩展是什么?除了创造动作和UI，是否有教程或书籍能让我走得更远?

感谢任何链接，我只需要指出最佳方向。或者React只适用于特定的项目部分，最好去其他地方看看?

正如你所说，是的，有相当多的教程，其中大多数都不涉及如何在服务器上部署节点应用程序。我假设您有一些服务器管理知识，所以我将直接跳到设置的核心部分。

服务器设置

无论它是一个简单的静态页面，单页API还是react应用程序，你都需要在任何你想要它运行的服务器上安装Node.js。其次，你需要一个Node.js的生产过程管理器。我个人最喜欢的是PM2。进程管理确保你的应用程序始终处于开启状态，并在它因为任何原因宕机时重新启动它。您还需要一个反向代理服务器(出于安全性和SEO目的，您需要它)。Nginx是Apache的竞争对手

设置服务器的两个非常好的教程是图坦卡蒙# 1图坦卡蒙# 2

App Setup

除了所有的服务器设置，你还需要处理你的应用程序的路由(当你去/blog或/login时会发生什么)。目前一个稳定的标准是Express.js。你可以不这样做，但你将需要在Node.js中手工编写大量的手动路由。你将设置Express来备份你的索引文件和任何其他你可能需要的文件。

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

先进的东西

如果您希望JavaScript在服务器端或客户端呈现，也有问题。为此，你需要为你的应用程序做一些更多的配置。如果你感兴趣的话，我上面链接的视频教程应该会告诉你如何设置。