用于后端的节点JS Express和用于前端的React JS

Question

我已经在Node JS Express中准备好了我的服务器代码，并且我得到了JSON格式的响应。我按照以下教程在Node JS Express中设置项目结构： https://www.youtube.com/watch?v=65a5QQ3ZR2g&list=PL55RiY5tL51oGJorjEgl6NVeDbx_fO5jR

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

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

Please click on this link to see my Node JS Project Structure

Answer 1

我建议使用create-react-app。它是cli，因此您无需自己设置项目。他们还有一些你可以开始使用的教程。

Meteor JS可以轻松解决您的问题，这对您来说是一个很好的起点。

如果您喜欢第一个（create-react-app），我认为您应该先习惯React。并尝试通过REST连接到您的服务器。

Answer 2

我建议您查看这个网站，使用MERN（Mongo，express，react，node）堆栈创建生产就绪的应用程序。

http://mern.io/

或他们的github存储库https://github.com/Hashnode/mern-starter

Answer 3

使用create-react-app在react上开始使用前端。您可以从github克隆项目，它可以为您提供开始应用时所需要的样板代码。 克隆该链接的链接为https://github.com/facebook/create-react-app。

一旦克隆了项目，就可以在根路径中创建一个名为server的文件夹，并在其中复制nodejs / express代码。您可以在后端创建REST API端点，并使用axios从前端访问它们。这样，您可以轻松接收从后端到前端的响应。请点击以下链接学习axios： https://www.npmjs.com/package/axios。