Seminarkatalog

Der React Grundkurs führt dich in drei Tagen von einer vorhandenen JavaScript-Basis zu einer strukturierten, interaktiven React-Anwendung. Du arbeitest mit funktionalen Komponenten und JSX, übergibst Daten über Props, verarbeitest Events und modellierst lokale Zustände mit Hooks. Für den Projektstart nutzt du Vite, da Create React App für neue Projekte nicht mehr empfohlen wird. So lernst du einen Aufbau kennen, den du direkt auf neue Frontend-Projekte übertragen kannst.

Eine durchgängige Beispielanwendung verbindet die einzelnen Konzepte. Du zerlegst eine Oberfläche in wiederverwendbare Komponenten, bindest Formulare und REST-Daten ein, behandelst Lade- und Fehlerzustände und prüfst deinen Code mit React Developer Tools. Du setzt useEffect ein, um Komponenten mit externen Systemen zu synchronisieren, und berücksichtigst Abhängigkeiten und Cleanup. Am Ende kannst du Komponentenstrukturen begründen, State passend platzieren und typische Fehler bei Props, Events und Hooks gezielt korrigieren.

Für Teams lässt sich der Grundkurs online oder vor Ort durchführen. Tooling, JavaScript oder TypeScript, Beispielcode und fachliche Schwerpunkte können an eure Projektumgebung angepasst werden. Routing, globales State-Management, Tests und Next.js werden so eingeordnet, dass du sinnvolle nächste Schritte erkennst. Die fachliche Vertiefung bietet der React Aufbaukurs zu Redux, Routing und Testing. Wähle jetzt den passenden Termin oder frage eine Inhouse-Durchführung für dein Team an.

Projektstart und React-Arbeitsweise

• React als Bibliothek für Benutzeroberflächen
• Einsatzgebiete interaktiver Webanwendungen
• Abgrenzung zu Angular und Vue.js
• Projekt-Setup mit Vite
• Entwicklungsserver und Produktions-Build
• Debugging mit React Developer Tools
• Integration in bestehende Webseiten

Funktionale Komponenten und JSX

• Funktionale Komponenten als Standard
• JSX-Ausdrücke und JSX-Attribute
• Bedingtes Rendering in JSX
• Listen mit stabilen Keys
• Klassenkomponenten in bestehenden Projekten
• Render-Zyklus funktionaler Komponenten
• Ordner- und Dateistrukturen für Projekte

Props, Events und Formulare

• Datenfluss über React-Props
• Komposition mit children in React
• Standardwerte für optionale Props
• Event-Handling in Komponenten
• Kontrollierte Eingabefelder und Formulare
• Datenlisten mit map ausgeben
• Wiederverwendbare Komponenten zuschneiden

State, Hooks und Effekte

• Lokaler State mit useState
• Zustandsaktualisierungen aus Benutzeraktionen
• Rules of Hooks korrekt anwenden
• Externe Systeme mit useEffect synchronisieren
• Abhängigkeiten und Cleanup von Effekten
• DOM-Referenzen mit useRef
• State passend in Komponenten platzieren

Datenzugriffe, Styling und Bibliotheken

• Asynchrone Abläufe in Komponenten
• REST-Zugriffe mit fetch und Axios
• Ladezustände und Fehlerzustände darstellen
• Datenbindung in React-Formularen
• CSS für React-Komponenten
• Externe Bibliotheken sauber integrieren
• MUI für komponentenbasierte Oberflächen

Architektur, Routing und Tests

• Clientseitiges Routing mit React Router
• Globaler State mit Redux
• Reducer und unveränderliche Updates
• Grundlagen für Komponententests mit Jest
• Server-Rendering im Überblick
• Next.js für Routing und Rendering
• React mit TypeScript vertiefen

• Sichere Grundlagen in HTML5 und CSS3, etwa aus dem HTML5-Workshop für moderne Webentwicklung
• JavaScript ES6+ mit Funktionen, Objekten und Arrays
• Grundkenntnisse im Umgang mit Modulen und Array-Methoden, vertiefbar in Modernes JavaScript: ES6 und beyond
• Erfahrung mit DOM-Konzepten und Browser-Developer-Tools
• Keine TypeScript-Kenntnisse erforderlich

• Du entwickelst Weboberflächen und bringst sichere JavaScript-Grundkenntnisse mit
• Du wechselst als Frontend-Entwickler von DOM-Skripten zu React-Komponenten
• Du planst im Projektteam eine gemeinsame React-Basis für Frontends
• Du entwickelst Apps und brauchst React-Grundlagen für React Native

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D