Series

Mastering React Hooks

Learn all about React Hooks with me! This fun and engaging series covers everything from State Management to Custom Hooks, with easy-to-understand explanations and real-life examples.

Articles in this series

Mastering React Hooks: The Beginning

Gurjot SinghGurjot Singh
May 4, 20232 min read

React Hooks were introduced in React 16.8 as a way to add state and other React features to functional components. Hooks are functions that allow...

Mastering React Hooks: The Beginning

Mastering React Hooks: State Management

Gurjot SinghGurjot Singh
May 11, 20232 min read

Managing state is a common task in any React application. In class components, state management is done with the setState method, but in functional...

Mastering React Hooks: State Management

Mastering React Hooks: Side Effects

Gurjot SinghGurjot Singh
May 18, 20232 min read

In React, side effects are any actions that are performed outside of rendering a component, such as fetching data or updating the document title....

Mastering React Hooks: Side Effects

Mastering React Hooks: Context Hook

Gurjot SinghGurjot Singh
May 25, 20232 min read

React's context API allows you to share data between components without having to pass props down through every level of the component tree. The...

Mastering React Hooks: Context Hook

Mastering React Hooks: Ref Hook

Gurjot SinghGurjot Singh
Jun 1, 20232 min read

Refs are a way to store a reference to a React component or DOM element. The useRef hook is used for creating mutable references to elements or values...

Mastering React Hooks: Ref Hook

Mastering React Hooks: Memoization Hooks

Gurjot SinghGurjot Singh
Jun 8, 20233 min read

In React, memoization is the process of optimizing performance by caching the result of expensive function calls and reusing them when the inputs to...

Mastering React Hooks: Memoization Hooks