What is swagger ? Swagger, now known as the OpenAPI Specification, is an open-source framework that provides a standardized way to document and define APIs. It allows developers to describe the structure of their APIs, including endpoints, request/response formats, authentication methods, and more. This documentation can then be used to…

First you must get ready with your node.js application. After that you should visit the render web site. You will redirect to a page like this.

First of all we need to create a react app to start our proceedings. For that you can use npx create-react-app or any other mechanism. Then we need to Install redux to the application using npm install @reduxjs/toolkit react-redux. (You can see more details on redux official page. https://redux-toolkit.js.org/tutorials/quick-start)

There are so many methods that we can use to fetch data for an API. Some of them are Fetch API, Axios, Superagent, Request and so on. Fetch API — The Fetch API provides a JavaScript interface for accessing and manipulating parts of the HTTP pipeline, such as requests and responses. It also provides a global fetch() method that provides an easy, logical way to fetch resources asynchronously across the network.

React useEffect useEffect lets us perform side effects in functional components. Side effects mean all the operations that affect the component and can not be done during rendering. Ex:- Fetch Data, Subscription, or Manually Changing the DOM in the old way we had to use, ComponentDidMount to fetch data from…

React Life Cycle React is following a unidirectional data flow. This means data is going one way exactly. This is the basics of React. To work like this developers made react similar to functional programming. The key rule of functional programming is immutability. Which means can’t change. So how the…