Themengebiet (Syllabus)
React Development Foundation
Prüfungscode IFW-REACT-100-01 · Fassung 1.0 · Stand 18.09.2026
Der Einstieg in React: Projektaufbau und Werkzeuge, Komponenten und JSX, State mit useState sowie Props und Events.
| Bearbeitungszeit | 40 Minuten | Fragen | 30 |
|---|---|---|---|
| Bestehensgrenze | 70 % | Fragetypen | Einfach- und Mehrfachauswahl |
| Prüfungssprache | Deutsch | Zertifikat gültig | Unbegrenzt |
| Durchführung | Online, zeitlich überwacht | Preis | Kostenlos |
| Block | Thema | Gewichtung | Fragen |
|---|---|---|---|
| 1 | Grundlagen und Projektaufbau | 30 % | 9 |
| 2 | Komponenten, JSX und Module | 30 % | 9 |
| 3 | State und Rendering | 20 % | 6 |
| 4 | Props und Events | 20 % | 6 |
1. Grundlagen und Projektaufbau 30 % · 9 Fragen
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
2. Komponenten, JSX und Module 30 % · 9 Fragen
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
3. State und Rendering 20 % · 6 Fragen
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
4. Props und Events 20 % · 6 Fragen
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