React Development Associate
Benutzeroberflächen mit React: Komponenten und JSX, State und Ereignisse, Effekte und Hooks sowie Listen, Performance und Refs.
Die Prüfung im Überblick
Alle Angaben gelten für die Abschlussprüfung dieser Zertifizierung.
Ablauf und Regeln im Detail
- Die Fragen werden beim Start zufällig aus dem Fragenpool gezogen – anteilig nach der Gewichtung der Themenblöcke.
- Die Zeit startet sofort und läuft serverseitig weiter – auch wenn du das Fenster schließt oder die Verbindung abbricht.
- Jede Antwort wird automatisch gespeichert. Du kannst die Prüfung bis zum Ablauf der Zeit jederzeit wieder öffnen und fortsetzen.
- Ist die Zeit abgelaufen, wird die Prüfung automatisch mit den gespeicherten Antworten abgegeben.
- Unbeantwortete Fragen zählen als falsch. Eine Frage zählt nur, wenn alle richtigen und keine falschen Antworten gewählt sind.
- Kopieren, Drucken und das Kontextmenü sind deaktiviert. Fensterwechsel und Kopierversuche werden protokolliert.
- Jeder gestartete Versuch zählt – auch wenn er nicht abgegeben wird – und verbraucht einen gekauften Versuch.
- Vorher muss die Probeklausur dieser Stufe bestanden sein.
- Erlaubt sind keine Hilfsmittel und keine Hilfe anderer Personen. Vor dem Start akzeptierst du die Geheimhaltungserklärung: Prüfungsinhalte dürfen nicht weitergegeben werden.
- Dein Ergebnis ist zunächst vorläufig. Zeigt die Prüfungsaufsicht Auffälligkeiten, prüfen wir es, bevor das Zertifikat ausgestellt wird.
- Bei Täuschung wird der Versuch annulliert, in schweren Fällen folgen eine Prüfungssperre und die Aberkennung aller Zertifikate.
- Auf Antrag gibt es einen Nachteilsausgleich mit 25, 50 oder 100 % mehr Bearbeitungszeit. Beantragen kannst du ihn in deinem Konto unter Nachteilsausgleich.
Es gilt die Prüfungsordnung.
Über diese Zertifizierung
Die Zertifizierung weist nach, dass du React-Komponenten schreibst, die vorhersagbar rendern: Du kennst den Renderzyklus, aktualisierst State unveränderlich und setzt Effekte nur dort ein, wo sie hingehören.
Geprüft wird an kurzen Komponenten mit genau den Fehlern, die im Alltag am häufigsten auftreten – von der direkt veränderten State-Variable bis zum fehlenden Abhängigkeitsarray.
Für wen sie gedacht ist
Frontend-Entwicklung mit React, Umsteigerinnen und Umsteiger von anderen UI-Bibliotheken sowie alle, die React in Projekten einsetzen.
Empfohlene Vorkenntnisse
Sicheres JavaScript (ES2015 und neuer) und erste Projekte mit Function Components und Hooks. Die Foundation-Stufe deckt die Grundbegriffe ab.
Voraussetzungen
Diese Nachweise müssen vorliegen, bevor die Abschlussprüfung abgelegt werden kann.
Themengebiet
Fassung 1.0 · 4 Themenblöcke. Die Gewichtung gibt an, welchen Anteil ein Block an den Prüfungsfragen hat.
| Block | Thema | Gewichtung | Fragen |
|---|---|---|---|
| 1 | Komponenten, JSX und Rendern 4 Lernziele | 27 % | 19 |
| 2 | State und Ereignisse 6 Lernziele | 33 % | 23 |
| 3 | Effekte und Hooks 4 Lernziele | 20 % | 14 |
| 4 | Listen, Performance und Refs 5 Lernziele | 20 % | 14 |
| Gesamt | 100 % | 70 |
Komponenten, JSX und Rendern
Aufbau von Komponenten, Übergabe von Werten und die Frage, was wann gerendert wird.
-
1.1
JSX schreiben
className, Ausdrücke in geschweiften Klammern, Fragmente<>…</> -
1.2
Props verwenden
Werte und Funktionen als Props, Standardwerte,
children -
1.3
Bedingt rendern
ternärer Operator sowie die Falle
0 && … - 1.4 Renderverhalten verstehen State-Änderung, Rendern der Elternkomponente, genutzter Context
State und Ereignisse
Zustand halten, unveränderlich aktualisieren und auf Eingaben reagieren.
- 2.1 State mit useState verwalten Setter, erneutes Rendern, Lazy Initializer
-
2.2
State unveränderlich aktualisieren
neue Arrays und Objekte statt
pushoder direkter Zuweisung - 2.3 Mehrere Aktualisierungen beachten Wert aus dem aktuellen Render gegenüber der Updater-Funktion
- 2.4 Ereignisse behandeln Funktion übergeben statt sie beim Rendern aufzurufen
-
2.5
Formularfelder binden
Controlled und Uncontrolled Components,
onChange - 2.6 Geteilten State anheben Lifting State Up mit Werten und Callbacks als Props
Effekte und Hooks
Seiteneffekte steuern und die Regeln für Hooks einhalten.
- 3.1 useEffect einsetzen Ausführung nach dem Rendern, Abhängigkeitsarray und seine Wirkung
- 3.2 Aufräumen Cleanup-Funktion für Intervalle, Abos und offene Verbindungen
- 3.3 Regeln für Hooks einhalten gleiche Reihenfolge bei jedem Render, keine Bedingungen
- 3.4 Eigene Hooks schreiben Logik bündeln, Rückgabewerte frei wählen, kein geteilter State
Listen, Performance und Refs
Listen stabil rendern, unnötige Arbeit vermeiden und auf das DOM zugreifen.
-
4.1
Listen mit key rendern
stabile Identität;
keyist kein Prop der Komponente -
4.2
Komponenten über key zurücksetzen
ein neuer
keyerzeugt eine neue Instanz -
4.3
Berechnungen und Funktionen merken
useMemo,useCallback,React.memound der Vergleich per Referenz -
4.4
Refs verwenden
useReffür DOM-Zugriff und Werte ohne erneutes Rendern -
4.5
Context nutzen
createContext, Provider,useContext, Standardwert ohne Provider
Prüfungsversionen
Der Prüfungscode enthält die Version. Auf jedem Zertifikat steht die Version, unter der die Prüfung abgelegt wurde.
| Prüfungscode | Themengebiet | Status | Zeitraum |
|---|---|---|---|
| IFW-REACT-200-01 | Fassung 1.0 | Aktuell | seit 18.09.2026 |
Mit der Freigabe einer neuen Version läuft die bisherige aus. Bereits ausgestellte Zertifikate bleiben bis zu ihrem Ablaufdatum gültig, und das Themengebiet ausgelaufener Versionen bleibt hier abrufbar.
Vorbereitung
Die Probeklausur dieser Stufe verwendet dieselben Themenblöcke in derselben Gewichtung und zeigt nach der Abgabe alle Lösungen mit Erklärungen.
Die offizielle React-Dokumentation reicht als Quelle aus; die Beispiele zu State, Effekten und Keys sollte man einmal selbst nachgebaut haben.
Stufen im Track React Development
Die Stufen bauen aufeinander auf.