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...
Category: ReactJS
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...
Integrate stripe payment gateway in React
Today we’ll explain to you how to integrate stripe payment gateway in React. We will split this integration in the two parts such as React (Frontend) and Node.js (Backend). In...
Login with Google using React
Today we’ll show you how to implement the login with google using React. In this article, we will add the Google Sign-In and Sign-Out button to manage the authentication process...
Generate a random password in React
In this short article, we’ll show you how to generate a random password in React. Here, we will create a small demo to generate a random password with different options...
Password Strength Checker in React
Today we’ll show you how to build a password strength checker in React. In this short article, we’ll implement the password strength bar in ReactJS using npm package. We have...
Show and hide password in React
Today we are going to show you how to manage a show and hide password in React. In this short article, we’ll add the input password field to manage the...
How to create a toast notification in React
Today we’ll show you how to create a toast notification in React. Here we will use the npm package to handle the toast notification using ReactJS. You’ll also find useful...