
A Look At React Hooks: Introduction
What React Hooks are, the rules for calling them, and where they are forbidden. Opening part of a 16-part series on built-in and custom hooks.
A hook at a time, from useState to useSyncExternalStore. What each one is for, when it earns its place, and the mistakes that come with it.

What React Hooks are, the rules for calling them, and where they are forbidden. Opening part of a 16-part series on built-in and custom hooks.

A Look at React Hooks: useState 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...

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...

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...

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...

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:...

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...

A Look At React Hooks: useCallback 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,...

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...

How to scroll to an element in React with useRef, step by step: creating the refs, assigning them to components, and triggering the scroll.

A Look At React Hooks: useScrollPosition for Parallax Scrolling Effects Welcome to another article of A Look at React Hooks, a beginner-friendly series on React Hooks. In this article, let's learn...

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,...

useRef vs useState in React: which one triggers a re-render, which one does not, and how that maps onto controlled and uncontrolled components.

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...

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...

What React's useSyncExternalStore hook does, when you actually need it, and two working examples including subscribing to localStorage.