This Article is Writted By B.S.Dinesh
Full stack technology refers to the entire depth of a computer system application, and full stack developers straddle two separate web development domains: the front end and the back end. The front end includes everything that a client, or site viewer, can see and interact with.
A full stack web developer is a person who can develop both client and server software. In addition to mastering HTML and CSS, he/she also knows how to: Program a browser (like using JavaScript, jQuery, Angular, or Vue) Program a server (like using PHP, ASP, Python, or Node)
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.
The MEAN stack is JavaScript-based framework for developing web applications. MEAN is named after MongoDB, Express, Angular, and Node, the four key technologies that make up the layers of the stack. MongoDB - document database. Express(.js) - Node.js web framework. Angular(.js) - a client-side JavaScript framework.
MEVN stack is the open-source JavaScript software stack that has emerged as a new and evolving way to build powerful and dynamic web applications. Its software components can be used to effectively design frontend and backend development and improve the functionality of your website or app.
| S.NO | Parameters | MEAN | MERN | MEVN |
|---|---|---|---|---|
| 1 | Type | Java Script Framework | Java Script Library | Java Script Framework |
| 2 | Language | Type Script | Java Script , JSX | Java Script |
| 3 | Scalability | Medium | High | High |
| 4 | Architecture | Component-Based | Component-Based | Component-Based |
| 5 | Data Binding | One-Way & Two_Way | Only One-Way | Only One-Way |
| 6 | DOM | Regular DOM | Virtual DOM | Virtual DOM |
| 7 | Features | Moderate Level | High Level | High Level |
| 8 | Learning Curve | Medium | Low | Low |
| 9 | Data Flow | Bi-Directional | Uni-Directional | Uni-Directional |
| 10 | Security | High | Medium | Medium |
| 11 | Performance | Slower Performance | Faster Performance | Faster Performance |
MongoDB is a NoSQL database which stores the data in form of key-value pairs. It is an Open Source, Document Database which provides high performance and scalability along with data modelling and data management of huge sets of data in an enterprise application. MongoDB also provides the feature of Auto-Scaling.
Build Your Next Project on Mongodb Atlas, the Cloud-Native Document Database as a Service. The Easiest Way to Deploy, Operate, and Scale MongoDB in the Cloud in Just a Few Clicks. Supporting AWS. Types: Content Management, Single View, Mobile, Gaming.
Ad-hoc queries for optimized, real-time analytics. ... Indexing appropriately for better query executions. ... Replication for better data availability and stability. ... Sharding. ... Load balancing.
Full cloud-based application data platform. Flexible document schemas. Widely supported and code-native data access. Change-friendly design. Powerful querying and analytics. Easy horizontal scale-out with sharding. Simple installation. Cost-effective.
Cons: Data size in MongoDB is typically higher due to e.g. each document has field names stored it. less flexibity with querying (e.g. no JOINs) no support for transactions - certain atomic operations are supported, at a single document level.
{_id: ObjectId("5effaa5662679b5af2c58829"),
email: “email@example.com”,
name: {given: “Jesse”, family: “Xiao”},
age: 31,
addresses: [{label: “home”,
street: “101 Elm Street”,
city: “Springfield”,
state: “CA”,
zip: “90000”,
country: “US”},
{label: “mom”,
street: “555 Main Street”,
city: “Jonestown”,
province: “Ontario”,
country: “CA”}]
}
> db.user.getIndexes()
[
{
"v" : 2,
"key" : {
"_id" : 1
},
"name" : "_id_",
"ns" : "my_database.user"
},
{
"v" : 2,
"key" : {
"name.given" : 1
},
"name" : "name.given_1",
"ns" : "my_database.user"
}
]
Express.js, or simply Express, is a back end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.
Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
Faster Server side development. Express. ... Middleware. Middleware is a part of the program that has access to the database, client request, and the other middlewares. ... Routing. ... Templating. ... Debugging.
Makes Node. ... Easy to configure and customize. Allows you to define routes of your application based on HTTP methods and URLs. Includes various middleware modules which you can use to perform additional tasks on request and response.
Reduces performance when handling Heavy Computing Tasks. Node.js invites a lot of code changes due to Unstable API. Node.js Asynchronous Programming Model makes it difficult to maintain code. Choose Wisely – Lack of Library Support can Endanger your Code.
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(port, () => {
console.log(`Example app listening on port ${port}`)
})
Hello World!
React Introduction. ReactJS is a declarative, efficient, and flexible JavaScript library for building reusable UI components. It is an open-source, component-based front end library responsible only for the view layer of the application. It was created by Jordan Walke, who was a software engineer at Facebook.
React is a JavaScript library for building user interfaces. React is used to build single-page applications. React allows us to create reusable UI components.
Virtual DOM. This characteristic of React helps to speed up the app development process and offers flexibility. ... JavaScript XML or JSX. ... React Native. ... One-Way Data Binding. ... Declarative UI. ... Component Based Architecture. ... Short Learning Curve. ... Enables Building Rich UI.
Speed. ... Flexibility. ... Performance. ... Usability. ... Reusable Components. ... Mobile app development. ... It's easy to learn. ... It helps to build rich user interfaces.
The high pace of development. The high pace of development has an advantage and disadvantage both. ... Poor Documentation. It is another cons which are common for constantly updating technologies. ... View Part. ReactJS Covers only the UI Layers of the app and nothing else. ... JSX as a barrier.
ReactDOM.render
(
Hello, world!
,
document.getElementById('root')
);
Hello, World!
Node. js is a platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. Node. js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
Node. js (Node) is an open source development platform for executing JavaScript code server-side. Node is useful for developing applications that require a persistent connection from the browser to the server and is often used for real-time applications such as chat, news feeds and web push notifications.
Asynchronous and Event Driven − All APIs of Node. js library are asynchronous, that is, non-blocking. ... Very Fast − Being built on Google Chrome's V8 JavaScript Engine, Node. js library is very fast in code execution. Single Threaded but Highly Scalable − Node. ... No Buffering − Node. ... License − Node.
High-performance for Real-time Applications. Easy Scalability for Modern Applications. Cost-effective with Fullstack JS. Community Support to Simplify Development. Easy to Learn and Quick to Adapt. Helps in building Cross-functional Teams.
Reduces performance when handling Heavy Computing Tasks. Node.js invites a lot of code changes due to Unstable API. Node.js Asynchronous Programming Model makes it difficult to maintain code. Choose Wisely – Lack of Library Support can Endanger your Code.
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World');
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});
Hello World