React Grundkurs

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