Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. The purpose of this series is to gather and document some awesome Hooks that are not in the official React documentation. Hopefully, by including these Hooks, more developer...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useState Hook. What is useState? This Hook is probably the most commonly used Hook. It allows us to declare, read and update a state varia...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useEffect Hook. What is useEffect? If you are coming from the class-based React, the useEffect Hook replaces the componentDidMount, compon...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useContext Hook. What is useContext? The useContext Hook works with React's Context API. Let's take a look how it works. It accepts a cont...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useRef Hook. What is useRef? useRef returns a mutable object with a single property: current, that stores the value of the reference eleme...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useReducer Hook. What is useReducer? For those who are familiar with Redux, the useReducer Hook allows React to access reducer functions f...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useCallback Hook. What is useCallback? At a glance, it seems that this Hook is pretty straightforward. It accepts 2 arguments: a callback ...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useMemo Hook. What is useMemo? In our previous article on useCallback, we learnt the concept of memoization and how the useCallback Hook i...
Welcome to A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at the useSWR Hook. This Hook is used to fetch data in React. Let's first learn a little bit about its background. Overview: Data Fetching in Rea...
Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at a simple application of the useRef Hook. Before reading this, you should have a basic understanding of the useRef Hook. If...
Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn how to create our own custom Hook. For this tutorial, let's make a simple Hook called useScrollPosition to create any scrolli...
Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's look at a simple application of the useParams Hook. Before reading this article, you should know the following: Basic knowledge of...
When learning about React Hooks, you will probably come across useRef and useState. These two hooks are often used in form handling. In React, there are typically 2 ways to implement forms: Uncontrolled vs Controlled components. Welcome to another a...
Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn about the useNavigation Hook. Note that this Hook is available for both React Native and React projects which uses React Rout...
Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn about the use Hook. That's right, that's the Hook name. Note that this Hook is not yet available officially in React. If you ...
Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn about the useSyncExternalStore Hook. It is a useful Hook for when you need to integrate non-React state management in your ap...