Skip to content

Tag Archives: React-Hooks

In this article, We’ll be creating a custom hook that will be useful for conditionally rendering components in a responsive layout. We’re going to check… Read More
React useOrientation Custom Hook is a powerful tool for building responsive layouts in React applications. It allows developers to easily detect the current screen orientation… Read More
We often run into timeouts when building applications in React. setTimeout() executes code after a specified period only once. Usually, we don’t need to worry… Read More
When building interactive user interfaces, performance is a crucial aspect to consider. One way to improve the performance of a React application is by using… Read More
JavaScript setInterval() repeatedly executes a function with a fixed time delay. It can be challenging to use the setInterval method in React. For instance, if… Read More
useLocalStorage hook makes it easy. It creates a stateful value for localStorage and gives us a function to update that value like useState. In our… Read More
The useCounter is a custom hook provided by the Rooks package for React. It is a counter hook that helps build a simple counter easily… Read More
React useDebugValue Hook is introduced for the ReactJs versions above 18. React useDebugValue Hook helps developers to debug custom hooks. Prerequisite: Introduction and installation of… Read More
The useSelect is a custom hook provided by the Rooks package for React. It is a list selection hook that helps select values from a… Read More
The useUndoState hook is a custom hook provided by the Rooks package for React. It is similar to the useState hook in addition to undo… Read More
React useId Hook is introduced for the ReactJS versions above 18. This hook generates unique IDs i.e, returns a string that is stable across both… Read More
Hooks are features that react provides us if we want to make functional components while creating a react web app. These features are alternatives to… Read More
React is a frontend open-source JavaScript library, used to build interactive User Interfaces. React is focused on Single Page applications and is more popularly known… Read More
The useNavigate() hook is introduced in the React Router v6 to replace the useHistory() hook. In the earlier version, the useHistory() hook accesses the React… Read More
We are going to make a react custom hook for generating random colors. Pre-requisite: React.js React Hooks Approach: Basically, if we are familiar with React… Read More