React Developer Interview Guide

React Interview Questions

Evaluate React developers on hooks, state management, performance, accessibility, component design, and modern frontend architecture.

A useful React interview should test product thinking and browser fundamentals, not only hook trivia. Strong candidates can reason about render behavior, user experience, accessibility, state boundaries, and performance measurement.

Book A Demo
Section 1

Hooks

Check whether candidates understand render cycles, dependency arrays, stale closures, and side effects.

1. A useEffect keeps firing and making duplicate API calls. How would you debug it?

Interview prompt

Strong signal

Understands dependencies, Strict Mode behavior, stable references, cleanup, and request cancellation.

Follow-up probes

  • •When should this not be an effect?
  • •How would you prevent race conditions?

Red flags

  • •Removes dependencies to silence linting.
  • •Cannot explain cleanup.

2. Explain a bug caused by a stale closure in React.

Interview prompt

Strong signal

Can describe captured values, event handlers, timers, and functional state updates.

Follow-up probes

  • •How do refs help?
  • •When is useCallback useful?

Red flags

  • •Defines closure vaguely.
  • •Treats useCallback as a default optimization.
Section 2

State Management

Evaluate how candidates choose between local state, context, reducers, server state, and external stores.

1. A dashboard has filters, URL state, cached server results, and editable rows. Where should each kind of state live?

Interview prompt

Strong signal

Separates UI state, server state, URL state, and form state with clear ownership.

Follow-up probes

  • •What should survive refresh?
  • •How do you avoid prop drilling without overusing context?

Red flags

  • •Puts everything in Redux or context.
  • •Ignores URL/shareability.
Section 3

Performance

Test measurement-first performance judgment across rendering, bundles, and user-perceived speed.

1. A table with 5,000 rows feels slow. What would you measure and change?

Interview prompt

Strong signal

Mentions profiling, virtualization, memoization, pagination, expensive cells, and interaction latency.

Follow-up probes

  • •How do you know memoization helped?
  • •What if rows update in real time?

Red flags

  • •Adds memo everywhere.
  • •Does not use React Profiler or browser tooling.
Section 4

Accessibility

Assess semantic HTML, keyboard behavior, screen reader support, and inclusive product craft.

1. How would you build an accessible combobox or command menu?

Interview prompt

Strong signal

Knows keyboard interactions, ARIA patterns, focus management, labels, and escape behavior.

Follow-up probes

  • •How would you test it?
  • •What should happen on mobile?

Red flags

  • •Only mentions aria-label.
  • •Does not discuss focus.
Section 5

Next.js

Check App Router, data fetching, server/client component boundaries, and rendering trade-offs.

1. When should a component be a client component in Next.js App Router?

Interview prompt

Strong signal

Understands interactivity, browser APIs, hooks, serialization, and keeping server work on the server.

Follow-up probes

  • •How do you pass data across the boundary?
  • •What causes bundle bloat?

Red flags

  • •Adds use client at the page root by default.
  • •Cannot explain server components.

Hire better with structured interviews

Access our full question library and automate your evaluation workflow today.