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...
Tagged: React Example
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,...
Create guided tours in the React app
Today we’ll show you how to create guided tours in the React app. Sometimes you may need to add a complete guide to your product developed in React. So we...
Loading data asynchronously and download CSV using react-csv
Today, we will show you how to load data asynchronously and download CSV using react-csv. In the previous article, we have explained about the export static data to CSV in...
Track events in React with Google Analytics
Today we’ll show you how to track events in React with Google Analytics. In the previous article, we have explained about the integration of the Google Analytics in React application....
How to add Google Analytics to the React App
Today we’ll show you how to add Google Analytics to the React App. It’s very easy to integrate google analytics in the multi page application whereas in the single page...
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,...
How to upload images to Cloudinary using the REST API
Today we’ll show you how to upload images to Cloudinary using the REST API. There are many options for uploading files to Cloudinary but in this article, we will upload...
How to add sass or scss in React
Today we’ll show you how to add sass or scss in React application. If you are using the create-react-app package in your react project then it is very easy to...
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...
useReducer hook for multiple states in the React
Today we will show you how to use the useReducer hook for multiple states in the React component. In the previous article, we have taken a simple counter example using...
useReducer in React Hook
Today we will show you how to use useReducer in React Hook. useReducer is a hook that is used for state management in React. The useState is built using the...