Interview Preparation

React Interview Topics

23 topics across every core React concept — Hooks, state, patterns and more.

23Topics
156Questions
7Categories
Level:BeginnerIntermediateAdvancedSenior
📌

hooks

8 topics

useState Hook — Complete Interview Guide

Master useState: snapshot model, functional updates, immutability, batching, lazy init, controlled inputs, and every edge case asked in React interviews.

Beginner·4–8 Qs

useCallback Hook — Complete Interview Guide

Learn exactly when useCallback prevents re-renders and when it's wasted overhead — the most misused hook in React.

Intermediate·4–8 Qs

Custom hook — Complete Interview Guide

Learn React custom hooks with real-world examples like useFetch and useForm.

Intermediate·4–8 Qs

useMemo Hook — Complete Interview Guide

Learn React useMemo with real examples, performance optimization tips, and differences with useCallback.

Intermediate·4–8 Qs

useReducer Hook — Complete Interview Guide

Learn useReducer for managing complex state with named transitions — and how it pairs with useContext to replace Redux in mid-sized apps.

Intermediate·4–8 Qs

useContext Hook — Complete Interview Guide

Master React Context for sharing state across the component tree — and learn the re-render trap that catches every developer.

Intermediate·4–8 Qs

useRef Hook — Complete Interview Guide

Master useRef for DOM access, mutable values, and breaking stale closures — without triggering re-renders.

Beginner·4–8 Qs

useEffect Hook — Complete Interview Guide

Master useEffect: dependency array, cleanup, stale closures, data fetching, race conditions, and every pattern asked in React interviews.

Beginner·4–8 Qs
📌

Core

8 topics

Rendering Reconciliation

What actually happens when state changes — re-renders, virtual DOM, diffing, keys, and the two-phase render model explained precisely.

Advanced·4–8 Qs

Fiber Architecture

How React works under the hood — the linked list of work units, double buffering, cooperative scheduling, and why Concurrent Mode was impossible before Fiber.

Advanced·4–8 Qs

Concurrent Rendering (18)

What changed in React 18 and why it matters — startTransition, useDeferredValue, automatic batching, flushSync, and the atomic commit guarantee explained precisely.

Advanced·4–8 Qs

Component Lifecycle — Complete Interview Guide

Master every phase of the React component lifecycle — mounting, updating, and unmounting.

Intermediate·10–15 Qs

Virtual DOM & Diffing Algorithm — Complete Interview Guide

Understand exactly how React's Virtual DOM works, how the diffing algorithm finds changes in O(n), why keys are critical for list performance, and where React Fiber fits in — with every answer an interviewer could want.

Intermediate·8–12 Qs

Error Boundaries — Complete Interview Guide

Master React Error Boundaries — how they catch render errors, the difference between getDerivedStateFromError and componentDidCatch, what they do and don't catch, and how to build resilient UIs that survive component crashes.

Intermediate·6–10 Qs

Portals — Complete Interview Guide

Understand React Portals — how createPortal teleports DOM output outside the component's parent while keeping it inside the React tree, why this solves stacking context problems, and how events still bubble correctly.

Intermediate·5–8 Qs

Props & One-Way Data Flow — Complete Interview Guide

Master React props — immutability, one-way data flow, lifting state up, the children prop, prop drilling, and the TypeScript patterns for typing props correctly in every interview scenario.

Beginner·8–12 Qs
📌

Performance

2 topics

Rendering & Performance

Understand React's render cycle, reconciliation, and every optimization tool — React.

Advanced·4–8 Qs

Code Splitting & Lazy Loading — Complete Interview Guide

Master React code splitting — how React.

Intermediate·6–10 Qs
📌

Forms

1 topic

Controlled vs Uncontrolled Components — Complete Interview Guide

Master the difference between controlled and uncontrolled form components — when React owns the value vs when the DOM does, how to avoid the most common switching bug, and why top form libraries make opposite choices.

Beginner·6–10 Qs
📌

State

2 topics

Context API — Complete Interview Guide

Master the React Context API — how to avoid prop drilling, when context re-renders every consumer, the performance optimization pattern, and the honest answer to 'Context vs Redux' that interviewers want to hear.

Intermediate·8–12 Qs

State Management Patterns — Complete Interview Guide

Master React state management — when to use local state, when to lift state, when Context is the right tool, and when to reach for Zustand or Redux.

Intermediate·8–12 Qs
📌

Patterns

1 topic

Higher Order Components (HOC) — Complete Interview Guide

Master Higher Order Components — how they work, the conventions that prevent hard-to-debug bugs, why hooks largely replaced them, and the cases where HOCs are still the right choice.

Intermediate·6–10 Qs
📌

Advanced

1 topic

Server Components (RSC) — Complete Interview Guide

Master React Server Components — the critical RSC vs SSR distinction, what 'use client' means, what you can and cannot do in Server Components, how data fetching changes, and how Next.

Advanced·8–12 Qs

Reading isn't enough

The gap between knowing the answer and saying it under pressure is where interviews are won or lost.

Start Practicing Free →Read the Blog