Practice React interviews
44 hands-on exercises across 12 topics. Write code in the editor, see it run live, and submit for feedback on every requirement, with minimal fixes you can apply in one click.
Progress is saved in this browser.
01
JSX & Components
Describe UI with JSX and split it into small components.
02
Props & Composition
Pass data down and compose components with children.
03
State (useState)
Keep component state and update it immutably.
04
Effects (useEffect) & Lifecycle
Synchronize with the outside world and clean up.
05
Events & Forms
Handle events and build controlled inputs.
06
Lists & Keys
Render collections with stable keys, filter and sort them.
07
Conditional Rendering
Show, hide and switch UI based on state.
08
Refs (useRef)
Reach DOM nodes and keep values across renders.
09
Context API
Share state across the tree without prop drilling.
10
Custom Hooks
Extract reusable stateful logic into hooks.
11
Performance
useMemo, useCallback and React.memo to avoid wasted work.
12
Data Fetching
Load data with loading and error states, and avoid races.
From the blog
Interview guides that link back to the exercises above.
- interview prep
Top 5 things you need to know before a React interview
Most React coding interviews test the same five things: how you update state, use effects, render lists, handle forms, and fetch data. Practice each one live.
- AI
Why learn React in the AI era?
AI can write React in seconds. Learning it still matters because you have to judge the result: state, re-renders, fetching, and whether the code is actually good.
- interview prep
How to prepare for a React coding interview
A practical prep plan for React coding interviews: what to practice, how to think while you code, and how to use live exercises to build confidence.