We can get the elements inside the opening and closing tag of a component using props.children property.

The post Using Components as Templates in React JS appeared first on MaXEster Technologies | Technical Blog.

1. Horizontal scaling is also known as scaling out.
2. Horizontal scaling refers to the process of adding more machines to handle the huge incoming traffic.
3. Horizontal scaling helps in parallel processing.
4. It is like if we want to finish a work early, then we have to increase the manpower.

Vertical Scaling

1. Vertical scaling is also known as scaling up.
2. Vertical scaling means increasing the power of a machine in the form of RAM, Memory, Processort or Bandwidth.
3. Vertical scaling is used to perform resource intensive tasks.
4. Vertical scaling is like hiring a more skilled employee to complete the work.

Difference between Horizontal and Vertical Scaling

The post Horizontal and Vertical Scaling In React JS appeared first on MaXEster Technologies | Technical Blog.

Why is Load Balancing necessary?

1. Scalability: Load balancers help in scaling the website. Load balancers intelligently manage a huge amount of incoming traffic and distribute the traffic into multiple servers.
2. Availability : There may be situations, when any one or group servers are down due to maintenance or other issues, in that case load balancer will redirect the network traffic to the servers which are running.
3. Performance :Load balancers improve the performance of the site, they distribute the traffic in such a way, that no server gets overloaded resulting in slow response or server crash.

Load Balancing Algorithms

1. Static Load Balancing: This algorithm follows a fixed rule to distribute the traffic across the servers. This doesn’t examine the server’s current state.
2. Dynamic Load Balancing: This is a flexible algorithm, that distributes the traffic according to the servers’s current state like load on the server.

The post What is Load Balancing? appeared first on MaXEster Technologies | Technical Blog.

req object :

req object is passed to any route handler function or in middlewares. It is the object which contains the details sent by the client.

It contains the informations like the headers, url details including pathname, query, port, href, protocol , cookies, any type of form data in string or json format and so on.

res object :

res object is passed by the server to the client. It has various fields like headers, the status code, the page data which the user has asked for, details regarding http protocol etc.

next() :

Another parameter which is generally passed to a middleware function is “next”. next is a reference to the next middleware or route handler function in event loop. If we don’t call next at the end of middleware execution the request will be kept hanging and the user will just see the page loading.

The post req and res objects in Express Js appeared first on MaXEster Technologies | Technical Blog.

Session starts when you request the server for the first time and it remains till you close that site. The amount of time you have spent on the site is called a session. As sessions get deleted when the connection to the client and server gets closed, so we have to store the session data somewhere to reuse them again in future.

Cookies

Cookies are the information stored on the client’s browser by the server. It helps in tracking the user and for various personalized recommendations.

Difference between Sessions and Cookies

The post Difference between Sessions and Cookies appeared first on MaXEster Technologies | Technical Blog.

How to implement sessions in Express Js

First of all, install the necessary packages using the command given below :

Everytime the page you will refresh the views increase unless the server is restarted.

Note:  The above code is just for understanding the sessions, in production level applications you need to be careful while using sessions and cookies.

The post Sessions in Express Js appeared first on MaXEster Technologies | Technical Blog.

Advantages of using Express Js

1. Lightweight : It is a lightweight framework of Node Js for creating web servers. As it is based on Node Js, it offers all the features of Node Js with less coding.
2. Time saving : It is developed to reduce the development time which generally takes, when we create applications in Node Js. Express Js provides many features of Node Js in less lines of code. There are many tasks, which in Node Js we have to do manually, but here in Express Js, we have various inbuilt functions available for that.
3. Huge Library : Another feature of Express Js is the availability of libraries. As the community of Express Js is large, everyday new packages are getting developed.
4. Realtime applications : Express Js is used heavily in realtime applications. It is best suited for realtime user interaction systems, due its non-blocking asynchronous event-driven model.
5. Learning curve : As it is based on JS, it becomes easier for developers knowing JS to learn Express Js. Another benefit is that we can develop the whole application (frontend and backend) using a single language.

Disadvantages of Express Js

1. Callback hell: For new developers, it becomes hard to grasp the asynchronous nature of JS. They find it difficult to manage the callbacks. Callback hell is a condition, where we have multiple callbacks nested inside each other and every callback waits for another callback. Eventually resulting a non readable and difficult to maintain code.
2. Less features: As it is a lightweight framework, many of the features are not available out of the box and we have to install multiple packages to get those features.
3. Lack of strong typing: Express Js doesn’t have strong type checking while compilation, which results in complex bugs.
4. Error handling: Although Express Js has excellent error handling capabilities, but sometimes it becomes hard for new developers to handle errors with the code containing multiple callbacks and promises.

The post Advantages and Disadvantages of Express Js appeared first on MaXEster Technologies | Technical Blog.

MongoDB database can perform all types of CRUD (Create, Read, Update, Delete) operations. We use a module called mongoose to connect to the MongoDB database.

In the above code, we have connected our project to the MongoDB database. After that we have created a schema, which defines the structure of the data going to be stored. Then we have created a model and exported that to use in the other parts of the application.

The post Using MongoDB with Express Js appeared first on MaXEster Technologies | Technical Blog.

Scaffolder is the tool used to automate this task. A popular scaffolder for Express Js is an express-generator.

To use the express-generator, run the following command :

Folder Structure

1. Routes: This folder contains various routes of the application, divided in different files.
2. Public: This folder contains the files we want to be public like images and CSS files.
3. Views: Views folder contains different templating files that we want to serve.
4. app.js: This is the place where all the code is managed. It handles all the other files.

The post Express Js Scaffolding appeared first on MaXEster Technologies | Technical Blog.

There are various templating engines available in Express Js like ejs, pug, etc. All the templating engines have their own syntax. In this article we will discuss about ejs.

Templating in Express Js using EJS

EJS stands for Embedded Javasript Templating. EJS is used to produce the final HTML document after adding the dynamic content from database or after some calculations. We can also write javascript inside HTML pages using react. We can use almost all the necessary things like conditional statements, loops, etc.

Setting up the EJS and using it in the Express Js project

First we have to install it in our project, using the command :

npm i –save ejs

For using EJS inside our HTML pages, we have to save the HTML files using the .ejs extension.

Using loops in EJS

Using conditional statements in EJS

The post Templating in Express Js appeared first on MaXEster Technologies | Technical Blog.