How to Create Custom Hooks in React
In this part, we will learn about custom hooks in react, Since we have learned so much about our React hooks, and we have covered almost all types of hooks (it is possible I could have missed some). So it’s…
Category Tutorial
React useId Hook
In this part, we will learn about react useId hook, React useId hook used to provide unique ID to elements. This hook generates a string which is unique ID for each element and this ID will be on server side…
React useTransition Hook
In this part, we will learn about react useTransition hook. React useTransition is used to boost our application performance and makes it even faster. useTransition and useDeferredValue are the hooks which used to render the complex logic or bigger data…
React useDebugValue Hook
In this part, we will learn about react useDebugValue hooks. React useDebugValue hook doesn’t affect the user experience, but instead of that, it improves the developer experience. React useDebugValue is the hook with which we can debug our custom hooks…
React useRef Hook
In this part, we will learn about react useRef hook. React useRef hook is a special function which allows us to manipulate or change directly to DOM using reference and functional component without re-rendering the component. It is pretty useful…
React useMemo Hook
In this part, we will learn about React useMemo hook. The React useMemo returns a memoized Value when the dependency array gets changed. The word ‘memoized’ or ‘memoization‘ is an optimization technique to speed up expensive function calls by returning cached…
React useCallback Hook
In this part, we will learn about React useCallback hook. The React useCallback returns a memoized function when the dependency array gets changed. The word ‘memoized‘ or ‘memoization’ is an optimization technique to speed up expensive function calls by returning cached…
React useReducer Hook
In this part, we will see what is React useReducer and how we use it? The job of a reducer is to reduce. If you are familiar with reducer() method in JavaScript, then it will be easy to understand reducer…
React useContext Hook
In this part, we will learn about React useContext hook, useContext is a basically a method with which you can access data from the context, or you can say some file. To perform this, we need to use context API.…
React useEffect Hook
In this part, we will learn about React useEffect hook. useEffect hook is used to give effect or side effect once the application get rendered, as an argument for useEffect we usually go with function. useEffect By using this useEffect()…
React useState Hook
In this part, we will see the first and most important hook, which is React useState hook. useState hook is pretty straight forward where we have 2 arguments, one for current state and second one for update state. current state…
Complete Reference of React Hooks
In this part, we will start learning about react hooks, its types and working. React Hooks are introduced in react 16.8 version, If you don’t want to use class component just for state then react hooks help you to do…