React State Management Interview Questions

Practice React state management interview questions with hands-on coding challenges — useState, useReducer, lifting state up, derived state, and immutable updates — solved in a live editor with tests.

27 challenges

Counter Component

easyfree
#State Management

Todo List Manager

mediumfree
#State Management

Event Handling

easy
#State Management#Events

Refactor to Props

easy
#Component Patterns#Events#State Management

Build a Clock

easy
#Effect and Lifecycle#State Management

Image Carousel

easy
#State Management#Component Composition

Controlled Input Field

easy
#Forms and Inputs#Forms#State Management

Temperature Converter

easy
#Forms and Inputs#State Management

Progress Bar Component

easy
#Component Composition#State Management#Forms and Inputs

Shopping Cart State

easy
#State Management

Nested State Manager

medium
#State Management

State History Manager

medium
#State Management

Theme Context

medium
#Context#State Management

Multiple Contexts

medium
#Context#State Management

Build a Tic-Tac-Toe Game

medium
#State Management

Advanced Theme Manager

medium
#State Management#Hooks

MouseTracker

medium
#Component Patterns#State Management

useReducer Implementation

medium
#State Management#Hooks

Share State with Context

medium
#Hooks#Context#State Management

Multi-step Form with Persistent State

medium
#State Management#Forms and Inputs#Component Patterns

Performance Monitoring

medium
#Performance#State Management

Optimistic UI Update with Rollback

medium
#State Management

Multi-step Form with Branching Logic

hard
#State Management#Forms and Inputs

Prevent Unnecessary Re-renders with useCallback

hard
#Hooks#Performance#State Management

Dynamic Form Fields with Unique IDs and Submit

hard
#Forms and Inputs#State Management

Connect Four Game

hard
#State Management#Events

Advanced Custom Hooks (Very Hard)

very_hard
#Hooks#State Management