Destructuring Assignment in JavaScript
Destructuring assignment is a feature introduced in ECMAScript 6 that allows you to extract values from objects and arrays, and assign them to variables. It simplifies the code and makes...
The way to write your code
Template Literals in JavaScript
Template literals, also known as template strings, are a new feature introduced in ECMAScript 6 that allows for easy and efficient string interpolation in JavaScript. They provide a way to...
Draw a line between two points on google maps in React
Drawing a line between two points on Google Maps can be a useful feature in many applications, whether it is to show a route between two locations or to mark...
How to set the document title in React
In a webpage, the <title> element is used to specify the title of a document. The text that is specified within the <title> tags is displayed in the title bar...
Safely setState on a Mounted React Component through the useEffect Hook
In React, when updating the state of a component after it has been unmounted, it can cause a memory leak and lead to unexpected behavior. To avoid this issue, it’s...
How to use React.memo() to not re-render when a new element is added to the component
React.memo() is a higher-order component that can be used to memoize functional components to prevent unnecessary re-renders. When the props of the component being memoized change, React.memo will compare the...
Call an action from another action using Redux Toolkit
There are multiple ways to call an action from another action using Redux Toolkit. Here, we’ll discuss two different methods with a small example. Way to call an action from...
How to export multiple functions from a React hook
In React, we often use hooks to manage stateful logic in our components. Sometimes, we may want to export multiple functions from a single hook, so that they can be...
Truncate text in React using react-lines-ellipsis
In this article, we will show you how to truncate text in React using react-lines-ellipsis. react-lines-ellipsis is an npm package that provides a React component for truncating text and adding...
Validate form using Regular Expression in JavaScript
Regular expressions, also known as regex, are a powerful tool used for pattern matching and string manipulation in various programming languages, including JavaScript. They provide a way to search, match,...
Data manipulation and transformation with JavaScript Lodash library
JavaScript has a lot of powerful libraries that make it easy to manipulate and transform data. One such library is Lodash, which provides a set of utility functions for working...
How to detect a device in React
In order to detect the device in React, you can use the react-device-detect package. react-device-detect is an npm package that provides a simple way to detect the type of device...
Input masking in React
Today, we’ll show you how to input masking in React. The react-text-mask package is a useful tool for formatting and validating user input in a text field, such as phone...
Cross-browser compatibility issues in JavaScript
Cross-browser compatibility is a challenge that web developers face when designing and building web applications. It refers to the need to ensure that a web application functions correctly across multiple...