Category Tutorial

How to Make Quiz App in React

How to Make a Quiz App in React

In this article, we will create a Quiz app in React. This Quiz game will usually be like other Quiz games. Here we will have some questions along with 4 options and a scorecard. After answering all questions, the result…

react lifecycle diagram

React Component Life Cycle with Diagram

In this part, we learn about the react component life cycle. As we have seen, components are pretty useful and our React application is nothing but just a bunch of components, basically, our React application is just a collection of…

How to Make Form Validation in React

How to Make Form Validation in React

in this article, we will learn about form validation in react functional components. We have seen react forms in previous articles, validation is the important part of the form. If you’re familiar with HTML forms, then you might have done…

How to Make Calculator in React

How to Make Calculator in React

In this article, we are going to make a calculator in React. It will be similar to an Android calculator application where you put your values which remain on the screen and show the result straight away as you put…

How to Make Popup Modal in React

How to Make Popup Modal in React

In this article, we will make a popup modal in React. This modal will look like any advertisement popping up on the screen, but we will do this when we click a button. We will also add some animations when…

How To Make Date Range Filter in React JS

How To Make Date Range Filter in React JS

In this article, we are going to learn to make date range filter in react JS. So basically, we will create a filter which will filter out the data according to given date range. Here we will generate a database…

How to Make Weather App in React

How to Make Weather App in React

In this article, we are going to make a weather app in React. In this project, we will use openweather API which provides us free API to get weather details. Here we will add an input field where the user…

How to Work With HTTP DELETE Method in React JS

How to Work With HTTP DELETE Method in React JS

In this article, we are going to learn about HTTP Delete Method in React JS. Working with APIs is a very common thing and delete method is one of them. As we know, fetch and axios are the ways with…

usehistory was not found in react-router-dom

export useHistory was not found in react-router-dom

Hello Friends Today in this article, we are going to discuss how to solve export usehistory was not found in react-router-dom error in React JS. The issue occurs because, in react-router version 6, the useHistory hook was removed. Quick solution:…

HTTP GET Method in React JS

How to Use HTTP GET Method in React JS

In this article, we are going to learn about HTTP Get Method in React JS. Basically, we need to use HTTP requests to fetch and use APIs in general, so in many react applications we make use of these HTTP…

HTTP Post Method in React JS

How to Use HTTP Post Method in React JS

In this article, we are going to learn about HTTP Post method in React JS. Making a request using Post method is a common thing when working with APIs. Since we know to access API, we mostly use fetch() and…

react image slider

How to Create a React Image Slider: Step-by-Step Guide.

In this article, we will create a React Image slider application. We will have some images here and also, and we will add two buttons for the next image and another for the previous image. This is going to be…