Free tutorial

Understand React, don't memorise it.

Every React hook explained in plain language – no jargon assumed. With quizzes, the classic pitfalls, and exercises you write and verify right in the browser.

Written for people who know JavaScript and are new to React.

Start learning → Jump into the quiz

lessons: 19
quiz questions: 83
editor exercises: 19
minutes of reading: 226

◍

Getting your bearings

The vocabulary and the core idea. Start here – even if you have seen React before.

React from zero

The six words you need before any of it makes sense

Beginner 12 min read 6 quiz questions 1 editor exercises

When React redraws

Why your value is sometimes “old” and the list refuses to move

Beginner 12 min read 5 quiz questions 1 editor exercises

TS

TypeScript for React

Only what you actually meet in React code every day. No compiler theory.

TypeScript, as much as you need

The notations you keep running into in React code

Beginner 13 min read 5 quiz questions 1 editor exercises

Typing props and events

Where types belong in day-to-day React – and where they don't

Beginner 11 min read 4 quiz questions 1 editor exercises

⚓

Every hook

For each hook: what it does, when you need it – and when you really don't.

useState

Remembering something that is allowed to change

Beginner 12 min read 5 quiz questions 2 editor exercises

useEffect

The wire to the outside world – and the most misused hook

Core 16 min read 6 quiz questions 2 editor exercises

useRef

Remembering something without waking React up

Core 10 min read 4 quiz questions 1 editor exercises

useContext

Passing a value down without bothering every floor on the way

Core 11 min read 4 quiz questions 1 editor exercises

useReducer

When “a couple of fields” has turned into a small machine

Core 12 min read 4 quiz questions 1 editor exercises

useMemo & useCallback

Keeping results instead of recomputing them

Core 13 min read 4 quiz questions 1 editor exercises

useLayoutEffect & useInsertionEffect

Measure and correct before the browser paints

Advanced 8 min read 3 quiz questions

useId & useDebugValue

Stable ids for forms – and a label for the DevTools

Beginner 7 min read 2 quiz questions 1 editor exercises

useTransition & useDeferredValue

Important things now, heavy things right after

Advanced 11 min read 4 quiz questions 1 editor exercises

use, useOptimistic, useActionState & useFormStatus

The newer hooks around forms, server actions and promises

Advanced 14 min read 4 quiz questions 1 editor exercises

useSyncExternalStore

Connecting React to something that lives outside it

Advanced 9 min read 3 quiz questions

Your own hooks & the rules of hooks

Sharing logic – without inheriting components

Core 12 min read 4 quiz questions 1 editor exercises

⚡

Pitfalls

The mistakes practically everyone makes – collected and defused.

Pitfalls: state & JSX

The mistakes everyone makes – usually more than once

Core 15 min read 6 quiz questions 1 editor exercises

Pitfalls: effects & closures

Endless loops, stale values, duplicate timers

Core 15 min read 5 quiz questions 1 editor exercises

Pitfalls: structure & performance

Why memo often does not help – and what does

Advanced 13 min read 5 quiz questions 1 editor exercises

Hirefullstack

Need React firepower on your team?

We have been building React and Next.js applications for clients across Germany for years – as a single expert, as reinforcement for an existing team, or as a complete Scrum team.

Talk about your project →