8bitzz / blogs

0 stars 0 forks source link

MERN Stack #16

Closed 8bitzz closed 3 years ago

8bitzz commented 3 years ago

What is the MERN Stack?

MERN stands for MongoDB, Express, React, Node, after the four key technologies that make up the stack.

  1. MongoDB - document database
  2. Express(.js) - Node.js web framework
  3. React(.js) - a client-side JavaScript framework
  4. Node(.js) - the premier JavaScript web server

MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work.

How does the MERN stack work?

The MERN architecture allows us to construct a 3-tier architecture (frontend, backend, database) entirely using JavaScript and JSON. mern-stack-b9q1kbudz0

Express

ReactJS

What's next?

  1. Javascript and ES2017
  2. CSS and Modular CSS
  3. NodeJS, NPM, Webpack
  4. ReactJS
  5. MongoDB
  6. Express and Restful API backend
  7. Backend-frontend integration