MERN Stack Introduction

MERN Stands for MongoDB , Express , React ,Node after the four key technologies that make up the stack that is used for easier and faster deployment of full stack web applications

• MongoDB => Database Solution
• Express JS => NodeJS Framework
• React => Browserside JS Library
• NodeJS => Serverside JS Runtime environment

React

A client-side browser library which allows you to build highly reactive user interfaces

• Render UI with dynamic data
• Handle user input
• Communicate with backend services
• Provides a Mobile App user experience

Node

A server-side runtime environment to execute JS on the server side

• Used to run JS outside of the browser
• Listen to requests and send responses
• Execute Server-side logic
• Interact with DB and files
• An alternative to PHP,RORs,Java etc, Is really standalone

Express

A Node framework which simplifies writing server-side code & logic

• Based on Node, offers same functionalities
• Middleware-based: Funnel Requests through functions
• Includes Routing, View Rendering & More
• Simplifies the usage of Node

Express is for Node, what Laravel would be for PHP

MongoDB

A NOSQL Database which stores "Documents" in "Collection" (Instead of "Record" in "Table" )

• Store Application Data likes users,products etc
• Enforce no Data Schema or Relations
• Easily connected to Node/Express ( NOT to React)
• A powerful database which can easily be integrated into a Node/Express environment

MERN - BIG PICTURE