Category: ReactJS

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

How to use useEffect React Hook - Clue Mediator

How to use useEffect React Hook

Today we will show you how to use useEffect React Hook. The useEffect is the one of the important hooks that is providing an access to the lifecycle in the...

How to add Bootstrap in React - Clue Mediator

How to add Bootstrap in React

Today we’ll show you how to add bootstrap in React. There are multiple ways to import bootstrap in react project but we will refer only standard package managers to install...

How to create step wizard in React - Clue Mediator

How to create step wizard in React

Today we’ll show you how to create step wizard in React without any plugin. In this article, we will use the pure CSS and ReactJS state to create an example...

Audio player in React with example - Clue Mediator

Audio player in React with example

Today we’ll show you how to implement an audio player in React with example. We had written an article to Embed YouTube video in ReactJS and also show you How...

useState with an array in React Hooks - Clue Mediator

useState with an array in React Hooks

Today we’ll show you how to use the useState with an array in React Hooks. In the previous article, we learned about the use of useState with object in React...

useState with object in React Hooks - Clue Mediator

useState with object in React Hooks

Today we’ll show you how to use the useState with object in React Hooks. When we are dealing with the object in the state variable then we have to manage...

Read CSV file in React - Clue Mediator

Read CSV file in React

Today we’ll show you how to upload and read CSV file in React. Basically, we’ll show you an example to upload or Import CSV file and read the data of...

useState Hook in React - Clue Mediator

useState Hook in React

In this article we will learn the very first hook which is the state hook called useState Hook in React. Here we’ll create a simple class component and then try...