Javascript 后端为Node JS Express，前端为React JS

我已经在NodeJS Express中准备好了服务器代码，并且已经得到了JSON形式的响应。我按照以下教程在Node JS Express中设置项目结构：

现在，我想为React中的相同应用程序制作前端。所以，这里我的意思是，我的服务器在NodeJSExpress中，前端应该在React中。考虑到React的初学者，请向我推荐一些教程或示例，在这些教程或示例中，我至少可以开始制作UI，并将其融入使用Node JS Express创建的项目结构中

我试着自己找到它，但在每个应用程序中，React JS本身都在创建它的服务器，但我已经在Node JS express中启动并运行了我的服务器。请导游

我建议使用。这是一个

cli

，因此您不需要自己从头开始设置项目。他们也有一些教程，你可以开始学习

可以轻松解决您的问题，这是一个很好的起点

---

如果你喜欢第一个（创建react应用程序），我认为你应该先习惯于反应。并尝试通过

REST

连接到服务器

我建议您访问此网站，使用MERN（Mongo、express、react、node）堆栈创建可用于生产的应用程序

---

或者他们的github存储库

开始使用创建react应用程序在react上使用前端。您可以从github克隆项目，它可以为您提供启动应用程序所需的样板代码。 克隆相同内容的链接是

https://github.com/facebook/create-react-app

克隆项目后，可以在根路径中创建一个名为server的文件夹，并将nodejs/express代码复制到其中。您可以在后端创建RESTAPI端点，并使用axios从前端命中它们。通过这种方式，您可以轻松地从后端接收到前端的响应。请按照以下链接学习axios：

---

https://www.npmjs.com/package/axios

我建议从两个独立的应用程序开始—前端的react应用程序和后端的node应用程序。基本上，任何与客户端交互相关的东西都会放在前端应用程序上。当需要提取数据时，客户机应用程序将向express server发出请求，它只负责提供数据。您可以尝试类似的方法：使用create react app设置初始react应用程序，并重新使用express server获取数据。好的，您的意思是我应该为前端创建一个单独的项目吗？如果是，如何将我的服务器与fronend应用程序连接？因为我需要将客户机输入的参数传递给服务器以进行所需的处理，然后将json响应发送回客户机。另外，在我的Node JS应用程序本身中不可能这样做吗？就像我下面回答的那样。有很多方法可以将客户机“连接”到服务器。最常见的方法是通过

restapi

进行连接@Grandas为您提供了一个很好的阅读材料。我只是对它做了一个快速扫描，但这对你来说确实是可以理解的。正如前面所说的，到目前为止，只是为了准备好我的服务器，我使用我的node js结构的views文件夹创建了一个HTML页面，从中我可以让用户输入一些参数，让服务器处理这些参数，并制定JSON响应。所以，现在你们说我应该使用create-react-app创建单独的前端react-app，然后我应该使用restapi连接客户机和服务器，并发送我的JSON来react？你能不能再举一些例子来说明这些联系？正如我说的，请花点时间通读一遍。是的，分别创建它们。一个项目用于

服务器

，另一个项目用于

客户端

。