Generate a random string in JavaScript
In this short article, you will learn how to generate a random string in JavaScript. We’ll learn how to make strings of arbitrary length by selecting characters at random from...
The way to write your code
![[Solved] ref not working with React Redux connect - Clue Mediator](https://www.cluemediator.com/wp-content/uploads/2022/05/solved-ref-not-working-with-react-redux-connect-clue-mediator.jpg)
[Solved] ref not working with React Redux connect
When you are working with the React Redux connect() function you may face an issue to use the ref in the React component. So in this short article, we’ll show...
How to get File Extension using JavaScript
Today you will learn how to get file extension from given file name using JavaScript. Here we will see two different methods to get the file extension. You may need...
How to swap two array elements in JavaScript
In this article, we’ll show you how to swap two array elements in JavaScript. There are multiple ways to swap two array elements using JavaScript but we will look at...
Drag and Drop sortable list in React
In this article, we will show you how to implement drag and drop sortable list in React. If you have a list of any elements and you want to implement...
How to implement a line chart in React
In this article, we will explain to you how to implement a line chart in React. We’ll use the Highcharts package to build a line chart with ReactJS, just as...
How to set a Modal popup with an image in React
You may need to show the preview (enlarge image) of an image in the popup with zoom in or zoom out functionality. So today we will show you how to...
How to add fonts to the React application
We may need to add fonts to the React application when we are working with the React application. So today we will see what are the ways to add fonts...
How to fix ReactDOM.render is no longer supported in React 18
You may have noticed the following warning in the browser console if you just upgraded your react version to 18 or created an app using create-react-app: Warning Warning: ReactDOM.render is...
Routing in React using React Router v6
In this article, we will teach you how to implement Routing in React using React Router v6 (Version 6). We have already written an article to implement routing in React...
How to capture Enter key press in JavaScript
Today we will show you how to capture Enter key press in JavaScript. Here we will detect whether a user has hit the Enter key with JavaScript/jQuery. Checkout more articles...
Attempted import error: ‘Switch’ is not exported from ‘react-router-dom’
You may encounter the following error ‘Switch’ is not exported from ‘react-router-dom’ when working on routing using react-router-dom. So today we will show you how to fix the routing error...
How to use async/await in Loops
In this article, we will show you how to use async/await in loops that you can use it with any JavaScript framework. Here we will see three different loops with...
How to pass values to the onClick function in React
We may need to pass additional parameters into the method when we are binding the event handler in React. So in this article, we will show you how to pass...