如何使用MERN堆栈构建动态单页Web应用程序？

Question

我读了很多有关使用ejs，handelbars等使用Express js创建动态应用程序的文章，但是我希望我的Web应用程序能够通过React成为动态的单页面。

我的目的是渲染模板并从Express服务器中插入动态数据，以对单页应用程序做出反应以使我的应用程序快速运行，有没有办法使用MERN堆栈做到这一点？

Answer 1

当然，有一种方法可以做到，这就是MERN的用途：

  

M：Mongodb用于数据库，您应该 npm安装猫鼬，   猫鼬是一个很棒的npm库，用于处理mongodb

     

E：Expressjs是一个用于制作Web应用程序的框架（发送   在Node.js上获取/发布/放入/删除..请求以及其他许多内容）

     

R：众所周知，Reactjs用于您的前端

     

N：Nodejs在他们的网站上提到的； 'javascript on   服务器”

如果您要创建一个单页应用程序，那么您要做的就是设置数据库（如果需要），那么只需使用nodejs和expressjs编写后端代码即可，只需使用 yarn start后端对午餐进行午餐或 node app.js ，最后使用 create-react-app 命令打开一个React项目（这是一个npm包，因此您可以要先使用 npm i -g create-react-app 进行安装），设置好前端后，您就可以在React代码中使用axios从支持的后台获取数据。一切都会很好。

以下一些技巧可以为您提供帮助：

How to create your first MERN (MongoDB, Express JS, React JS and Node JS) Stack

Let’s build a full stack MongoDB, React, Node and Express (MERN) app

The MERN Stack Tutorial – Building A React CRUD Application From Start To Finish – Part 1

The MERN Stack Tutorial — Building A React CRUD Application From Start To Finish — Part 2

The MERN Stack Tutorial – Building A React CRUD Application From Start To Finish – Part 3

The MERN Stack Tutorial – Building A React CRUD Application From Start To Finish – Part 4