Tagged: React Package

Implement multi-languages in React - Clue Mediator

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 add sass or scss in React - Clue Mediator

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

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

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

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

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

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

Server side pagination with React DataTable - Clue Mediator

Server side pagination with React DataTable

Today we will show you how to implement server side pagination with React DataTable. In the previous article, we have explained about the client side pagination with DataTable in React....