In dieser React-Schulung lernst du, Oberflächen aus Komponenten aufzubauen, Zustand sauber zu strukturieren und die Ergebnisse barrierefrei auszuliefern. Sie richtet sich an Entwickler, die JavaScript beherrschen und ein Frontend professionell bauen oder von jQuery und Templates umsteigen wollen. Du denkst in Komponenten und Datenfluss, nutzt Hooks gezielt, testest Verhalten statt Implementierung und prüfst Oberflächen mit Tastatur und Screenreader, bevor sie in Produktion gehen.
Das nimmst du mit.
- Oberflächen in wiederverwendbare Komponenten mit klaren Props zerlegen
- Zustand mit useState, useReducer und Context passend zur Aufgabe strukturieren
- Seiteneffekte und Datenabruf mit useEffect und einer Datenbibliothek kontrollieren
- Formulare, Listen und Navigation tastaturbedienbar und mit semantischem HTML umsetzen
- Komponenten mit Testing Library prüfen und Rendering-Probleme im Profiler eingrenzen
Dein Training im Detail
- Für wen?
- Webentwickler und Frontend-Teams mit JavaScript-Erfahrung, die React-Anwendungen bauen oder bestehende verbessern.
- Was bringst du mit?
- Sichere Kenntnisse in HTML, CSS und modernem JavaScript (Funktionen, Arrays, Module, async/await).
- Umfang & Planung
- Planungsvorschlag: 3 bis 4 Tage live online oder vor Ort. Umfang nach Vorkenntnissen.
Agenda: vom Verständnis zur Anwendung
Unser eigenständig entwickelter Agenda-Vorschlag. Schwerpunkte, Übungsumgebung und Umfang stimmen wir vor einer Buchung ab.
Denken in Komponenten: JSX, Props, Kindelemente, bedingtes Rendern und Listen mit stabilen Keys.
Zustand: useState, Zustand nach oben verlagern, useReducer und Context, dazu der Umgang mit abgeleiteten Werten.
Effekte und Daten: useEffect, Aufräumfunktionen, Abruf mit fetch oder TanStack Query, Lade- und Fehlerzustände.
Routing und Struktur: React Router oder ein Framework wie Next.js, Ordneraufbau und Code-Splitting.
Barrierefreiheit: semantische Elemente, Fokusführung, ARIA nur wo nötig, Prüfung nach WCAG 2.2 und mit Screenreader.
Qualität: Tests mit Vitest oder Jest und Testing Library, React DevTools Profiler und Memoisierung nach Messung.
Eigener Übungsvorschlag: Ein Buchungsformular mit mehrstufigem Zustand bauen, per Tastatur komplett bedienbar machen, mit Testing Library absichern und mit einem Screenreader durchgehen.
Prüfung, Lizenzen & Nachweise
Für React gibt es keine Herstellerprüfung, auf die diese Schulung gezielt vorbereitet. Die Teilnahme allein vergibt kein Herstellerzertifikat.
Herstellerquellen & fachlicher Stand
Quellen geprüft am 2026-11-03. Die Quellen beschreiben die Technologie bzw. externe Prüfungsanforderungen. Sie belegen keine Partnerschaft mit NextNowa.
Dein Lerninhalt
Die genannten Inhalte beschreiben das gewünschte Schulungsthema. Konkreten Lehrplan, Dauer, Termine, Trainer und Preis stimmen wir vor einer Buchung ab.
Häufige Fragen
Welche Vorkenntnisse brauche ich für React?
Du solltest HTML, CSS und modernes JavaScript beherrschen, vor allem Funktionen, Arrays, Module und async/await. React-Code besteht überwiegend aus JavaScript, daher helfen Lücken dort am wenigsten. Wenn du noch keine Erfahrung hast, ist unsere JavaScript-Schulung der bessere Start.
React oder ein Framework wie Next.js: was zuerst?
Zuerst React selbst, also Komponenten, Props, Zustand und Effekte. Frameworks wie Next.js bauen darauf auf und ergänzen Routing, Serverrendering und Datenabruf. Wer die Grundlagen kennt, versteht die Framework-Konzepte schneller. Auf Wunsch gewichten wir die Agenda für dein Projekt in Richtung Framework.
Wie wird eine React-Anwendung barrierefrei?
Der wichtigste Schritt ist semantisches HTML: echte Buttons, Labels und Überschriften statt Div-Konstruktionen. Dazu kommen Fokusführung, ausreichender Kontrast und ARIA nur dort, wo HTML nicht reicht. Maßstab sind die WCAG 2.2. Wir prüfen die Übungsanwendung gemeinsam per Tastatur und mit Screenreader.
Erhalte ich bei React & moderne Frontends ein Zertifikat?
Für React gibt es keine Herstellerprüfung, auf die diese Schulung gezielt vorbereitet. Die Teilnahme allein vergibt kein Herstellerzertifikat.