In this article, we will make a simple accordion in react. Accordion is useful when we need to create some application users interactively. Basically, we will create a bunch of questions and if we click on the question, then the…
In this article, we are going to make a quote generator in React. We will use a JSON file to get a random quote, this will allow our application to get a unique and new quote every time we refresh…
In this article, we are going to make a stopwatch in React. Like a basic stopwatch, we will have a display to show time, then we will have basic buttons for start, stop, resume, and reset. As soon we hit…
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…
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…
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…
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…
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…
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…
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…
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…
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…