Category: ReactJS

useReducer in React Hook - Clue Mediator

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 - Clue Mediator

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...

Generate a random password in React - Clue Mediator

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 - Clue Mediator

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 - Clue Mediator

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...

React time picker - Clue Mediator

How to implement time picker in React

Today we’ll show you how to implement time picker in React. We have written an article where we showed you how to add DateTimePicker in ReactJS. In this article we...

Fetch API data using useEffect React Hook - Clue Mediator

Fetch API data using useEffect React Hook

Today we’ll show you how to fetch API data using useEffect React Hook. In the previous article, we have provided the examples of the useEffect React Hook. Here, we will...

How to implement reCAPTCHA v3 in React - Clue Mediator

How to implement reCAPTCHA v3 in React

Today we’ll show you how to implement reCAPTCHA v3 in React. There are many libraries that are available to add Google reCAPTCHA to the React application, but if possible the...

How to implement a bar chart in React - Clue Mediator

How to implement a bar chart in React

In this article, we will explain to you how to implement a bar chart in React. As used in the previous article, we will use the Highcharts package to create...

How to implement a column chart in React - Clue Mediator

How to implement a column chart in React

Today we’ll show you how to implement a column chart in React using Highcharts. There are several npm react packages available to create a chart in a web application but...