React Development Professional
React für anspruchsvolle Anwendungen: Effekte und ihr Lebenszyklus, State und Formulare, Rendering und Reconciliation sowie Performance und Code-Splitting.
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 das Verhalten von React-Anwendungen genau vorhersagen und gezielt steuern kannst: wann Komponenten rendern, wann Effekte laufen und aufräumen, wie React State zuordnet und wie du unnötige Arbeit vermeidest.
Geprüft wird an anspruchsvollen Codeausschnitten, deren Verhalten du Schritt für Schritt nachvollziehen musst; häufig sind mehrere Antworten richtig.
Für wen sie gedacht ist
Erfahrene Frontend-Entwicklerinnen und -Entwickler sowie alle, die Architektur und Performance größerer React-Anwendungen verantworten.
Empfohlene Vorkenntnisse
Sicherer Umgang mit allen Themen der Associate-Stufe sowie Praxis mit Hooks, Context und asynchronem Datenladen in größeren Anwendungen.
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 | Effekte und Lebenszyklus 6 Lernziele | 40 % | 28 |
| 2 | State und Formulare 4 Lernziele | 20 % | 14 |
| 3 | Rendering und Reconciliation 3 Lernziele | 20 % | 14 |
| 4 | Performance und Code-Splitting 4 Lernziele | 20 % | 14 |
| Gesamt | 100 % | 70 |
Effekte und Lebenszyklus
Effekte korrekt synchronisieren, aufräumen und gegen veraltete Werte absichern.
- 1.1 Effekte aufräumen Cleanup-Funktion bei geänderten Abhängigkeiten und beim Entfernen der Komponente
-
1.2
Das Abhängigkeitsarray richtig füllen
fehlende Abhängigkeiten, leeres Array, Vergleich mit
Object.is -
1.3
Veraltete Werte vermeiden
Stale Closures bei
setInterval, funktionale Updates -
1.4
Race Conditions beim Datenladen verhindern
Ignore-Flag,
AbortController; keineasync-Funktion als Effekt -
1.5
useLayoutEffectgezielt einsetzen läuft synchron vor dem Zeichnen, etwa zum Messen des Layouts - 1.6 Das Verhalten im StrictMode verstehen Effekte laufen in der Entwicklung zweimal an
State und Formulare
State so modellieren, dass Aktualisierungen vorhersagbar bleiben.
-
2.1
State-Updates bündeln
Batching, funktionale Updates wie
setCount(c => c + 1) -
2.2
State mit Reducern verwalten
useReducer, unveränderliche Updates -
2.3
Refs und State unterscheiden
useReflöst kein neues Rendern aus -
2.4
Formulare umsetzen
kontrollierte und unkontrollierte Elemente,
valueunddefaultValue
Rendering und Reconciliation
Wie React entscheidet, welche Komponenten erhalten, aktualisiert oder neu erzeugt werden.
- 3.1 Reconciliation nachvollziehen Vergleich nach Typ und Position im Baum
-
3.2
Keys richtig wählen
stabile Keys statt Index, State über
keyzurücksetzen - 3.3 Fehler in Komponenten abfangen Error Boundaries und was sie nicht abfangen
Performance und Code-Splitting
Unnötige Arbeit vermeiden und große Anwendungen in Teilen laden.
-
4.1
Memoisierung einsetzen
React.memo,useMemo,useCallbackund Referenzgleichheit - 4.2 Context gezielt einsetzen alle Konsumenten rendern neu, wenn sich der Wert ändert
-
4.3
Updates priorisieren
useTransition,startTransition -
4.4
Code nachladen
React.lazyundSuspense
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-300-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 kostenlose Probeklausur dieser Stufe zeigt nach der Abgabe alle Lösungen mit Erklärungen.
Beobachte die Beispiele mit den React Developer Tools und im StrictMode – Render-Zähler und Konsolenausgaben machen sichtbar, wann was passiert.
Stufen im Track React Development
Die Stufen bauen aufeinander auf.