Kostenloses Tutorial

React verstehen, nicht auswendig lernen.

Alle React-Hooks in normaler Sprache erklärt – ohne vorausgesetzte Fachbegriffe. Mit Quiz, den typischen Stolpersteinen und Übungen, die du direkt im Browser schreibst und prüfen lässt.

Gedacht für alle, die JavaScript können und bei React neu anfangen.

Jetzt anfangen → Direkt ins Quiz

Lektionen: 19
Quizfragen: 83
Übungen im Editor: 19
Minuten Lesezeit: 226

◍

Erst mal ankommen

Die Begriffe und das Grundprinzip. Hier fängst du an – auch wenn du schon mal React gesehen hast.

React von Null

Die sechs Wörter, die du brauchst, bevor irgendetwas Sinn ergibt

Einstieg 12 Min Lesezeit 6 Quizfragen 1 Übungen im Editor

Wann React neu zeichnet

Warum dein Wert manchmal „alt“ ist und die Liste sich nicht rührt

Einstieg 12 Min Lesezeit 5 Quizfragen 1 Übungen im Editor

TS

TypeScript für React

Nur das, was du in React-Code täglich siehst. Keine Compiler-Theorie.

TypeScript, so viel du brauchst

Die Schreibweisen, die dir in React-Code ständig begegnen

Einstieg 13 Min Lesezeit 5 Quizfragen 1 Übungen im Editor

Props und Events typisieren

Wo im React-Alltag Typen hingehören – und wo nicht

Einstieg 11 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

⚓

Alle Hooks

Jeder Hook: was er macht, wann du ihn brauchst – und wann eben nicht.

useState

Etwas merken, das sich ändern darf

Einstieg 12 Min Lesezeit 5 Quizfragen 2 Übungen im Editor

useEffect

Der Draht nach draußen – und der am meisten missbrauchte Hook

Kern 16 Min Lesezeit 6 Quizfragen 2 Übungen im Editor

useRef

Etwas merken, ohne dass React davon aufwacht

Kern 10 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

useContext

Einen Wert nach unten durchreichen, ohne jede Zwischenstation zu nerven

Kern 11 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

useReducer

Wenn aus „ein paar Feldern“ eine kleine Maschine geworden ist

Kern 12 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

useMemo & useCallback

Ergebnisse aufheben, statt sie neu auszurechnen

Kern 13 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

useLayoutEffect & useInsertionEffect

Messen und korrigieren, bevor der Browser malt

Fortgeschritten 8 Min Lesezeit 3 Quizfragen

useId & useDebugValue

Stabile IDs für Formulare – und ein Label für die DevTools

Einstieg 7 Min Lesezeit 2 Quizfragen 1 Übungen im Editor

useTransition & useDeferredValue

Wichtiges sofort, Aufwendiges gleich danach

Fortgeschritten 11 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

use, useOptimistic, useActionState & useFormStatus

Die neuen Hooks rund um Formulare, Server Actions und Promises

Fortgeschritten 14 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

useSyncExternalStore

React an etwas anschließen, das außerhalb von React lebt

Fortgeschritten 9 Min Lesezeit 3 Quizfragen

Eigene Hooks & die Regeln der Hooks

Logik teilen – ohne Komponenten zu vererben

Kern 12 Min Lesezeit 4 Quizfragen 1 Übungen im Editor

⚡

Stolpersteine

Die Fehler, die praktisch alle machen – gesammelt und entschärft.

Stolpersteine: State & JSX

Die Fehler, die jede:r einmal macht – meist mehrmals

Kern 15 Min Lesezeit 6 Quizfragen 1 Übungen im Editor

Stolpersteine: Effects & Closures

Endlosschleifen, alte Werte, doppelte Timer

Kern 15 Min Lesezeit 5 Quizfragen 1 Übungen im Editor

Stolpersteine: Struktur & Performance

Warum memo oft nicht hilft – und was stattdessen wirkt

Fortgeschritten 13 Min Lesezeit 5 Quizfragen 1 Übungen im Editor

Hirefullstack

Ihr braucht React-Verstärkung im Team?

Wir bauen seit Jahren React- und Next.js-Anwendungen für Kunden in ganz Deutschland – als einzelner Experte, als Verstärkung fürs Bestandsteam oder als komplettes Scrum-Team.

Projekt besprechen →