MERN

What is MERN/MEAN stack

 MERN stack developers hold knowledge of
MongoDB, Express.JS, React.js and
Node.JS

 MEAN stack developers hold knowledge of

MongoDB, Express.JS, Angular.js and
Node.JS
 MERN

• MongoDB — document database

• Express.js — Node.js web framework
• React.js — a client-side JavaScript
• Node.js — JavaScript web server
MERN - Architecture
WEB React.js

Espress.JS
SERVER
Node.js

DATABASE Mongo DB
React.js front end

 Creates dynamic client-side application in HTML.

 It let you build complex interface through simple components, connect

them to data on your back-end server, and render them as HTML

Express.js and Node.js

 Express.js is server-side framework, running is inside a node.js

server.

 Express is used for URL routing, and handling HTTP request and

responses.
MongoDB Database

 Data in the format of JSON can be sent by React.js to

Express.js, where the process data stores directly in

MongoDB for later retrieval.

React JS – component-
based web design

App
 ReactJS

 Virtual DOM is a programming concept where

an ideal, or “virtual”, representation of a UI is
kept in memory and synced with the “real”
DOM by a library such as ReactDOM.