SlideShare a Scribd company logo
1 of 22
Recent Trend & Technology
MERN Stack
Prerequisites for MERN stack
โ€ข HTML
โ€ข CSS
โ€ข JavaScript
โ€ข Knowledge of database.
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 - document database
โ€ข Express(.js) - Node.js web framework
โ€ข React(.js) - a client-side JavaScript library
โ€ข Node(.js) - the premier JavaScript web server
How does the MERN Stack work?
โ€ข The MERN architecture allows you to easily
construct a 3-tier architecture (frontend,
backend, database) entirely using JavaScript
and JSON.
MongoDB
โ€ข NoSQL database used for high-volume data
storage.
โ€ข Open-source document-oriented database.
โ€ข MongoDB is written in C++.
โ€ข It stores data in JSON format.
โ€ข Can be easily used with Node.
โ€ข MongoDB uses BSON to query database.
โ€ข Documents containing key-value pairs are the
basic units of data in MongoDB.
Why MongoDB?
โ€ข Fast โ€“ Being a document-oriented database, easy to
index documents. Therefore a faster response.
โ€ข Scalability โ€“ Large data can be handled by dividing it
into several machines.
โ€ข Use of JavaScript โ€“ MongoDB uses JavaScript which is
the biggest advantage.
โ€ข Schema Less โ€“ Any type of data in a separate
document.
โ€ข Data stored in the form of JSON.
โ€ข Simple Environment Setup โ€“ Its really simple to set up
MongoDB.
NodeJS
โ€ข JavaScript run-time environment built on Chromeโ€™s V8
JavaScript.
โ€ข Node.js allows you to run JavaScript on the server.
โ€ข It is free & open source, written in C++.
โ€ข Ryan Dahl developed Node.js in 2009. He embedded C++
code with Chromeโ€™s V8 Engine and gave the name as
Node.js.
โ€ข Node.js runs single-threaded, non-blocking,
asynchronous programming, which is very memory
efficient.
Where to use NodeJS?
โ€ข Back-end services such as APIs.
โ€ข Highly scalable, data-intensive and real-time
apps.
โ€ข I/O bounds applications.
โ€ข Single page applications.
Where not to use NodeJS?
Node.js is not used in CPU-intensive apps which
requires calculations done by CPU.
ExpressJS
โ€ข Flexible Node.js framework that provides robust
set of features for web for web and mobile
application.
โ€ข It provides easy routing of requests based on
HTTP methods and URLs.
โ€ข It allows to set up middlewares to respond to
HTTP Requests.
โ€ข Allows to dynamically render HTML Pages based
on passing arguments to templates.
ReactJS
โ€ข A JavaScript library for building user interfaces
for web and mobile applications.
โ€ข React is used to build single-page applications.
โ€ข React allows us to create reusable UI
components.
โ€ข React-router to handle the front-end routing.
โ€ข React was created by Jordan Walke,
a Software Engineer at Facebook.
Why to use React?
โ€ข JSX (JavaScript XML) makes it easier and
simpler to write React components.
โ€ข ReactJS supports Components. These
components also promote code reusability
and make the overall web application easier to
understand and debug.
How does React work?
โ€ข Instead of manipulating the browser's DOM
directly, React creates a Virtual DOM in memory,
where it does all the necessary manipulating,
before making the changes in the browser DOM.
โ€ข React finds out what changes have been made,
and changes only what needs to be changed.
References
โ€ข https://www.mongodb.com/
โ€ข https://expressjs.com/
โ€ข https://reactjs.org/
โ€ข https://nodejs.dev/
Thank You

More Related Content

Similar to recenttrendtechnology-2112N18132657.pptx

Similar to recenttrendtechnology-2112N18132657.pptx (20)

Top 10 frameworks of node js
Top 10 frameworks of node jsTop 10 frameworks of node js
Top 10 frameworks of node js
ย 
Node js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share pptsNode js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share ppts
ย 
Mean stack
Mean stackMean stack
Mean stack
ย 
Overview of MEAN Stack development
Overview of MEAN Stack developmentOverview of MEAN Stack development
Overview of MEAN Stack development
ย 
What is Mean Stack Development ?
What is Mean Stack Development ?What is Mean Stack Development ?
What is Mean Stack Development ?
ย 
Mern stack vs mean stack
Mern stack vs mean stackMern stack vs mean stack
Mern stack vs mean stack
ย 
Mern stack
Mern stackMern stack
Mern stack
ย 
Knonex
KnonexKnonex
Knonex
ย 
FULL stack -> MEAN stack
FULL stack -> MEAN stackFULL stack -> MEAN stack
FULL stack -> MEAN stack
ย 
Oracle application container cloud back end integration using node final
Oracle application container cloud back end integration using node finalOracle application container cloud back end integration using node final
Oracle application container cloud back end integration using node final
ย 
Meanstack overview
Meanstack overviewMeanstack overview
Meanstack overview
ย 
Node.js & Express.js Unleashed
Node.js & Express.js UnleashedNode.js & Express.js Unleashed
Node.js & Express.js Unleashed
ย 
After the LAMP, it's time to get MEAN
After the LAMP, it's time to get MEANAfter the LAMP, it's time to get MEAN
After the LAMP, it's time to get MEAN
ย 
Introduction to MEAN Stack - A Perfect Guide.docx
Introduction to MEAN Stack - A Perfect Guide.docxIntroduction to MEAN Stack - A Perfect Guide.docx
Introduction to MEAN Stack - A Perfect Guide.docx
ย 
MERN Stack Lokesh Yogi.pptx
MERN Stack Lokesh Yogi.pptxMERN Stack Lokesh Yogi.pptx
MERN Stack Lokesh Yogi.pptx
ย 
Mean Stack
Mean StackMean Stack
Mean Stack
ย 
MEAN Stack: What and Why
MEAN Stack: What and WhyMEAN Stack: What and Why
MEAN Stack: What and Why
ย 
Why Choose MEAN Stack for Your Web Development Project?
Why Choose MEAN Stack for Your Web Development Project?Why Choose MEAN Stack for Your Web Development Project?
Why Choose MEAN Stack for Your Web Development Project?
ย 
Mongo DB at Community Engine
Mongo DB at Community EngineMongo DB at Community Engine
Mongo DB at Community Engine
ย 
MongoDB at community engine
MongoDB at community engineMongoDB at community engine
MongoDB at community engine
ย 

Recently uploaded

Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...
Sareena Khatun
ย 
Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...
Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...
Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...
Sareena Khatun
ย 
Top Call Girls in Tribeniganj 9332606886 High Profile Call Girls You Can G...
Top Call Girls in Tribeniganj   9332606886  High Profile Call Girls You Can G...Top Call Girls in Tribeniganj   9332606886  High Profile Call Girls You Can G...
Top Call Girls in Tribeniganj 9332606886 High Profile Call Girls You Can G...
Sareena Khatun
ย 
Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...
gajnagarg
ย 
Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...
Sareena Khatun
ย 
PRESENTATION.on wooden comb idea innovation project
PRESENTATION.on wooden comb idea innovation projectPRESENTATION.on wooden comb idea innovation project
PRESENTATION.on wooden comb idea innovation project
jain99591
ย 
Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...
Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...
Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...
kumargunjan9515
ย 
contact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabi
contact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabicontact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabi
contact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabi
hyt3577
ย 
thesis of copper nanoparticles and their relevance
thesis of copper nanoparticles and their relevancethesis of copper nanoparticles and their relevance
thesis of copper nanoparticles and their relevance
DiptiPriya6
ย 

Recently uploaded (20)

Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Morbi - 8250092165 Our call girls are sure to provide you with ...
ย 
Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...
Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...
Call Girls Bhavnagar - 8250092165 Our call girls are sure to provide you with...
ย 
Dubai Call Girls Clim@X O525547819 Call Girls Dubai
Dubai Call Girls Clim@X O525547819 Call Girls DubaiDubai Call Girls Clim@X O525547819 Call Girls Dubai
Dubai Call Girls Clim@X O525547819 Call Girls Dubai
ย 
The Clean Living Project Episode 18 - Seed Oils
The Clean Living Project Episode 18 - Seed OilsThe Clean Living Project Episode 18 - Seed Oils
The Clean Living Project Episode 18 - Seed Oils
ย 
Latur Escorts Service Girl ^ 9332606886, WhatsApp Anytime Latur
Latur Escorts Service Girl ^ 9332606886, WhatsApp Anytime LaturLatur Escorts Service Girl ^ 9332606886, WhatsApp Anytime Latur
Latur Escorts Service Girl ^ 9332606886, WhatsApp Anytime Latur
ย 
CLASSIFICATION AND PROPERTIES OF FATS AND THEIR FUNCTIONS
CLASSIFICATION AND PROPERTIES OF FATS AND THEIR FUNCTIONSCLASSIFICATION AND PROPERTIES OF FATS AND THEIR FUNCTIONS
CLASSIFICATION AND PROPERTIES OF FATS AND THEIR FUNCTIONS
ย 
Top Call Girls in Tribeniganj 9332606886 High Profile Call Girls You Can G...
Top Call Girls in Tribeniganj   9332606886  High Profile Call Girls You Can G...Top Call Girls in Tribeniganj   9332606886  High Profile Call Girls You Can G...
Top Call Girls in Tribeniganj 9332606886 High Profile Call Girls You Can G...
ย 
Essential oils for beginners slide .pptx
Essential oils for beginners slide .pptxEssential oils for beginners slide .pptx
Essential oils for beginners slide .pptx
ย 
The Codex Alimentarius Commission (CAC).
The Codex Alimentarius Commission (CAC).The Codex Alimentarius Commission (CAC).
The Codex Alimentarius Commission (CAC).
ย 
Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Deoghar [ 7014168258 ] Call Me For Genuine Models W...
ย 
Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...
Call Girls in Moshi - 8250092165 Our call girls are sure to provide you with ...
ย 
Nalasopara Call Girls , 07506202331, Vasai Vip Housewife Call Girls
Nalasopara Call Girls , 07506202331, Vasai Vip Housewife Call GirlsNalasopara Call Girls , 07506202331, Vasai Vip Housewife Call Girls
Nalasopara Call Girls , 07506202331, Vasai Vip Housewife Call Girls
ย 
PRESENTATION.on wooden comb idea innovation project
PRESENTATION.on wooden comb idea innovation projectPRESENTATION.on wooden comb idea innovation project
PRESENTATION.on wooden comb idea innovation project
ย 
Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...
Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...
Call girls Service Nacharam - 8250092165 Our call girls are sure to provide y...
ย 
Call Girls Surat ( 8250092165 ) Cheap rates call girls | Get low budget
Call Girls Surat ( 8250092165 ) Cheap rates call girls | Get low budgetCall Girls Surat ( 8250092165 ) Cheap rates call girls | Get low budget
Call Girls Surat ( 8250092165 ) Cheap rates call girls | Get low budget
ย 
Call girls Service Bogmalo ( 8250092165 ) Cheap rates call girls | Get low bu...
Call girls Service Bogmalo ( 8250092165 ) Cheap rates call girls | Get low bu...Call girls Service Bogmalo ( 8250092165 ) Cheap rates call girls | Get low bu...
Call girls Service Bogmalo ( 8250092165 ) Cheap rates call girls | Get low bu...
ย 
contact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabi
contact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabicontact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabi
contact "+971)558539980" to buy abortion pills in Dubai, Abu Dhabi
ย 
PRESTAIR MANUFACTURER OF DISPLAY COUNTER
PRESTAIR MANUFACTURER OF DISPLAY COUNTERPRESTAIR MANUFACTURER OF DISPLAY COUNTER
PRESTAIR MANUFACTURER OF DISPLAY COUNTER
ย 
Call Girls in Rajkot / 8250092165 Genuine Call girls with real Photos and Number
Call Girls in Rajkot / 8250092165 Genuine Call girls with real Photos and NumberCall Girls in Rajkot / 8250092165 Genuine Call girls with real Photos and Number
Call Girls in Rajkot / 8250092165 Genuine Call girls with real Photos and Number
ย 
thesis of copper nanoparticles and their relevance
thesis of copper nanoparticles and their relevancethesis of copper nanoparticles and their relevance
thesis of copper nanoparticles and their relevance
ย 

recenttrendtechnology-2112N18132657.pptx

  • 1. Recent Trend & Technology MERN Stack
  • 2. Prerequisites for MERN stack โ€ข HTML โ€ข CSS โ€ข JavaScript โ€ข Knowledge of database.
  • 3. 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 - document database โ€ข Express(.js) - Node.js web framework โ€ข React(.js) - a client-side JavaScript library โ€ข Node(.js) - the premier JavaScript web server
  • 4.
  • 5. How does the MERN Stack work? โ€ข The MERN architecture allows you to easily construct a 3-tier architecture (frontend, backend, database) entirely using JavaScript and JSON.
  • 6.
  • 7.
  • 8. MongoDB โ€ข NoSQL database used for high-volume data storage. โ€ข Open-source document-oriented database. โ€ข MongoDB is written in C++. โ€ข It stores data in JSON format. โ€ข Can be easily used with Node. โ€ข MongoDB uses BSON to query database. โ€ข Documents containing key-value pairs are the basic units of data in MongoDB.
  • 9.
  • 10. Why MongoDB? โ€ข Fast โ€“ Being a document-oriented database, easy to index documents. Therefore a faster response. โ€ข Scalability โ€“ Large data can be handled by dividing it into several machines. โ€ข Use of JavaScript โ€“ MongoDB uses JavaScript which is the biggest advantage. โ€ข Schema Less โ€“ Any type of data in a separate document. โ€ข Data stored in the form of JSON. โ€ข Simple Environment Setup โ€“ Its really simple to set up MongoDB.
  • 11.
  • 12. NodeJS โ€ข JavaScript run-time environment built on Chromeโ€™s V8 JavaScript. โ€ข Node.js allows you to run JavaScript on the server. โ€ข It is free & open source, written in C++. โ€ข Ryan Dahl developed Node.js in 2009. He embedded C++ code with Chromeโ€™s V8 Engine and gave the name as Node.js. โ€ข Node.js runs single-threaded, non-blocking, asynchronous programming, which is very memory efficient.
  • 13. Where to use NodeJS? โ€ข Back-end services such as APIs. โ€ข Highly scalable, data-intensive and real-time apps. โ€ข I/O bounds applications. โ€ข Single page applications. Where not to use NodeJS? Node.js is not used in CPU-intensive apps which requires calculations done by CPU.
  • 14.
  • 15. ExpressJS โ€ข Flexible Node.js framework that provides robust set of features for web for web and mobile application. โ€ข It provides easy routing of requests based on HTTP methods and URLs. โ€ข It allows to set up middlewares to respond to HTTP Requests. โ€ข Allows to dynamically render HTML Pages based on passing arguments to templates.
  • 16.
  • 17. ReactJS โ€ข A JavaScript library for building user interfaces for web and mobile applications. โ€ข React is used to build single-page applications. โ€ข React allows us to create reusable UI components. โ€ข React-router to handle the front-end routing. โ€ข React was created by Jordan Walke, a Software Engineer at Facebook.
  • 18. Why to use React? โ€ข JSX (JavaScript XML) makes it easier and simpler to write React components. โ€ข ReactJS supports Components. These components also promote code reusability and make the overall web application easier to understand and debug.
  • 19. How does React work? โ€ข Instead of manipulating the browser's DOM directly, React creates a Virtual DOM in memory, where it does all the necessary manipulating, before making the changes in the browser DOM. โ€ข React finds out what changes have been made, and changes only what needs to be changed.
  • 20.