How to add a Progress Bar in React
Today we will show you how to add a Progress Bar in React application. Here, we will create a small application to show the progress bar using bootstrap. To indicate...
Tagged: React Hooks
Barcode scanner in React
Today we will show you how to implement a barcode scanner in React. In this example, we will use the quaggaJS in the ReactJS component. What is QuaggaJS? QuaggaJS is...
Load data from the API in React AG Grid
Today we’ll show you how to load data from the API in React AG Grid. In the previous article, we have implemented the React AG Grid with the static data....
PUT request using axios with React Hooks
Today we will show you how to integrate PUT request using axios with React Hooks. In the previous articles, we had discussed the POST request and GET request using axios....
Test an onClick event using the React Testing Library
Today we will show you how to test an onClick event using the React Testing Library. Here, we will use the fireEvent.click() to handle the button click event. In the...
POST request using axios with React Hooks
Today we’ll show you how to integrate POST request using axios with React Hooks. In the previous article, we had discussed about the GET request using axios. In this article,...
GET request using axios with React Hooks
Today we’ll show you how to integrate GET request using axios with React Hooks. We had created an article to call an API using the window.fetch method. API call in...
Check a Checkbox using React Testing Library
Today we’ll show you how to check a checkbox using React Testing Library. In the previous article, we had learned about the normal test cases using React Testing Library. Here,...
How to write unit test cases using React Testing Library
Today we’ll show you how to write unit test cases using React Testing Library. React Testing Library is the most popular and very lightweight library to write test cases for...
Load more pagination in React
Today, we’ll show you how to implement load more pagination in React. Sometimes, we may need to implement pagination or load the items based on the Load More button click,...
Generate and download a QR code image in React
Today we’ll show you how to generate and download a QR code image in React. You may need to generate a QR code image based on the given information such...
Connect two rectangles with a line on canvas using React
In this article, we will show you how to connect two rectangles with a line on canvas using React. In previous articles, we have explained the drawing of rectangles, lines,...
Implement multi-languages in React
Today, we will show you how to implement multi-languages in React. Sometimes you may need to add multi-language support to a website or a react web application like English, Chinese,...
Multiple useReducer Hook in React
In this article, we will show you how to use the multiple useReducer Hook in React. In the previous two articles, we learned about the use of the useReducer. useReducer...