Need to know Node.js & Express.js

Taseenul Hoque Bappi — Thu, 23 Dec 2021 17:37:30 +0000

What is Nodejs?

What is the Difference between Nodejs and JavaScript?

Nodejs is a powerful web framework, cross-platform JavaScript runtime environment. Nodejs using to create server-side web applications. It is also used for large-scale application development, especially for video streaming sites, single-page applications, and others. Node.js is used in asynchronous programming.

Nodejs and JavaScript:

JavaScript is a programming language, that runs in a web browser.
Nodejs is a JavaScript runtime environment.
Nodejs is used in backend application
JavaScript is used in the frontend.

What is Express.js?

Express.js is a web framework that is used in Node.js. This is the most popular web framework.

Express code looks like:

const express = require('express');
const app = express();
const port = 5000;
app.get('/', function(req, res) {
  res.send('Hello Express!')
});
app.listen(port, function() {
  console.log(`App listening port is ${port}!`)
});

Get some knowledge on REACT.js-

Taseenul Hoque Bappi — Wed, 22 Dec 2021 17:08:55 +0000

JSX

JSX is standard for JavaScript XML. it helps write HTML code in react.
Code Example:

const element = <h1>Hello, world!</h1>;

JSX is like a template language but it has the full power of JavaScript. JSX produces react elements that are rendered in the DOM section. Most of the people JSX use in react for visualization in UI side. JSX is useful for reactjs because it shows more error and warning messages.

React Component Lifecycle

React’s has different lifecycle methods. A component’s lifecycle is classified into 4 parts:

initialization

mounting

updating

unmounting.

Initialization:

In this phase, the component is going to start by setting up the state and the props. This is generally done inside the constructor method.

Mounting:

Mounting is the phase-in React component mounts on the DOM section. This phase comes when the initialization phase is completed. In this phase, react component renders the first time. The methods that are available in this phase are:

componentWillMount() and
componentDidMount()

Updating:

The 3 no phase through that react component passes. The component has created, when the mounting phase is done. This is the phase where components state change and re-rendering. There are 3 methods on this phase:

shouldComponentUpdate()
componentWillUpdate()
ComponentDidUpdate()

Unmounting:

Unmounting is the last phase in the component’s lifecycle. In this phase, the component gets unmounted from the DOM. In this phase method is:

componentWillUnmount()