Lifecycle & Re-rendering with Hooks

When Do Components Re-render?

Re-rendering Basics with Hooks

useEffect for Side Effects

useMemo for Memoizing Values

useReducer for Complex State Logic

useReducer Mutation Bug

useState Basic Update Bug

useEffect Basics

useState Hook Basics

Lazy Initial State

useMemo Memoization

useRef for DOM References

Stale Closures in Hooks

Rules of Hooks Ordering

useRef for Mutable Values

Functional State Updates

useLayoutEffect vs useEffect

useCallback Memoization

useEffect Cleanup Function

Hooks Only in Function Components

useEffect Dependency Array

Effect Run Timing

Custom Hooks Creation

Conditional Hook Call Pitfalls

useContext Hook

State Batching in Event Handlers

useReducer Hook

useRef for Mutable Values and DOM Access

useContext for Consuming Context

useEffect Cleanup Functions

useEffect Dependency Array Behavior

Functional Updates with useState

useState for Local Component State

What Hooks Are and Rules of Hooks

useState vs useReducer

Custom Hook

State Batching

Immutable Array Update

Object State Update

useLayoutEffect Timing

Previous Value Ref

Dependency Array

Basic Effect Execution

Lazy Initial State

Functional Updates

useRef Value

useMemo Dependencies

useCallback Usage

Stale Closure

Mount-Only Effect

Effect Cleanup

Consuming Context

Rules of Hooks

Dependencies and Stale Closures

Custom Hooks for Reusable Logic

useCallback for Memoizing Functions

Effect Run Timing

useState Basics

useContext Hook

useRef Uses

Preserving Hook Order

Batching State Updates

Lazy Initial State

useEffect Cleanup

useLayoutEffect vs useEffect

Why Hooks Replaced Lifecycles

useEffect Dependencies

Custom Hooks

useImperativeHandle

Rules of Hooks

Functional State Updates

useEffect Basics

useReducer Hook

useReducer vs useState

useRef vs State

useMemo Basics

useCallback Basics

useMemo vs useCallback

Custom Hooks vs HOCs

Stale Closures