React Development Foundation
Der Einstieg in React: Projektaufbau und Werkzeuge, Komponenten und JSX, State mit useState sowie Props und Events.
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.
- 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 die Grundideen von React verstehst: Oberflächen aus Komponenten zusammensetzen, Daten über Props weitergeben, auf Eingaben reagieren und mit State dafür sorgen, dass sich die Anzeige aktualisiert.
Geprüft wird an kurzen JSX-Beispielen: Du bestimmst, was eine Komponente anzeigt, und erkennst die richtige Schreibweise.
Für wen sie gedacht ist
Einsteigerinnen und Einsteiger in die Frontend-Entwicklung mit JavaScript-Grundkenntnissen sowie alle, die vor der Associate-Stufe ihre Grundlagen belegen möchten.
Empfohlene Vorkenntnisse
Grundkenntnisse in HTML, CSS und JavaScript: Variablen, Funktionen, Arrays und Objekte. Erfahrung mit React ist nicht nötig.
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 | Grundlagen und Projektaufbau 4 Lernziele | 30 % | 9 |
| 2 | Komponenten, JSX und Module 4 Lernziele | 30 % | 9 |
| 3 | State und Rendering 3 Lernziele | 20 % | 6 |
| 4 | Props und Events 2 Lernziele | 20 % | 6 |
| Gesamt | 100 % | 30 |
Grundlagen und Projektaufbau
Was React ist und wie ein React-Projekt aufgesetzt und im Browser gestartet wird.
- 1.1 React einordnen JavaScript-Bibliothek für Benutzeroberflächen, Single-Page-Applications
- 1.2 Ein Projekt aufsetzen Pakete mit npm installieren, Vite als Build-Werkzeug und Entwicklungsserver
-
1.3
Die App einhängen
createRoot(document.getElementById('root')).render(<App />) -
1.4
Dateien benennen
Endungen
.jsxund.tsx
Komponenten, JSX und Module
Oberflächen aus Komponenten aufbauen und in JSX beschreiben.
- 2.1 Function Components schreiben Name mit Großbuchstaben, Rückgabe von JSX
-
2.2
JSX-Regeln anwenden
ein Wurzelelement,
className, Kommentare mit{/* … */} -
2.3
JavaScript-Ausdrücke einbetten
geschweifte Klammern
{}, Inline-Styles als Objekt -
2.4
Module importieren und exportieren
import { useState } from 'react',export default
State und Rendering
Wie Komponenten sich Werte merken und React die Oberfläche bei Änderungen aktualisiert.
-
3.1
State mit
useStateverwalten aktueller Wert und Setter-Funktion, Anfangswert -
3.2
Eingebaute Hooks kennen
useState,useEffect,useContext,useRef - 3.3 Das Aktualisieren der Oberfläche verstehen neues Rendern bei State-Änderungen, nur geänderte Teile im DOM
Props und Events
Daten an Komponenten weitergeben und auf Benutzereingaben reagieren.
- 4.1 Props übergeben und lesen Attribute in JSX, Destrukturierung im Parameter; Props sind schreibgeschützt
-
4.2
Event-Handler schreiben
onClick,onChange; Funktion übergeben statt aufrufen
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-100-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 konzentriert sich auf Komponenten und JSX und zeigt nach der Abgabe alle Lösungen mit Erklärungen.
Lege mit Vite ein Übungsprojekt an und baue die Beispiele nach – so siehst du sofort, wie sich State und Props auf die Anzeige auswirken.
Stufen im Track React Development
Die Stufen bauen aufeinander auf.