Tuesday, May 13, 2025

BIS601 FSD - MERN Stack and how it works

 Components of MERN Stack


Component

Role

Description

MongoDB

Database

A NoSQL document-based database that stores data in JSON-like BSON format. Used to persist application data.

Express.js

Web Framework

A lightweight Node.js web application framework used to build RESTful APIs and handle backend routing, middleware, and server logic.

React.js

Frontend Library

A JavaScript library developed by Facebook for building dynamic and responsive user interfaces using a component-based architecture.

Node.js

Runtime Environment

A JavaScript runtime built on Chrome's V8 engine that allows running JavaScript on the server-side. Hosts the Express backend.

How They Work Together (Flow)

  1. React.js – Handles the frontend: displays UI and sends user requests (e.g., form submission).

  2. Express.js – Receives requests from React via HTTP (usually using fetch or axios), handles routes.

  3. Node.js – Runs the server and integrates Express.

  4. MongoDB – Stores and retrieves data requested by Express, which is then sent back to React.

No comments:

Post a Comment