React Grundlagen
In 3 Tagen zur eigenen React-Anwendung mit funktionalen Komponenten, JSX, Props und Hooks
Über den Workshop
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.
Tagesablauf
Projektsetup, JSX und Komponenten
- 01React-Arbeitsweise und typische Einsatzgebiete
- 02Projektsetup mit Vite
- 03Entwicklungsserver und React Developer Tools
- 04JSX, Komponenten und Props
- 05Bedingtes Rendering und Listen
Props, Events, Formulare und Hooks
- 01Props und Komponentenkomposition
- 02React children und Standardwerte
- 03Event-Handling in Komponenten
- 04Kontrollierte Formularelemente
- 05Lokaler State mit useState
- 06Effekte mit useEffect und Cleanup
REST-Daten, Struktur und Ökosystem
- 01Asynchrone REST-Zugriffe mit fetch und Axios
- 02Lade- und Fehlerzustände
- 03Komponentenstruktur und State-Management
- 04React Router, Redux und Next.js
- 05Testing mit React Testing Library
Für wen ist der Workshop geeignet?
Zielgruppe
- ✓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
Voraussetzungen
- ✓Sichere Grundlagen in HTML5 und CSS3
- ✓JavaScript ES6+ mit Funktionen, Objekten und Arrays
- ✓Erfahrung mit DOM-Konzepten und Browser-Developer-Tools
- ✓TypeScript-Grundlagen sind hilfreich, aber nicht erforderlich
Was Sie mitnehmen
Über den Trainer
Manuel Kübler
Manuel Kübler ist freiberuflicher Full-Stack-Entwickler und IT-Trainer mit über 12 Jahren Projekterfahrung in der Softwareentwicklung. Er begleitet Unternehmen als Entwickler und Berater – von der Konzeption moderner Webanwendungen bis hin zur Anbindung und Erweiterung von ERP-Systemen. Seine Schwerpunkte liegen in der Entwicklung mit React, Vue.js, Angular, Laravel und Node.js sowie in der SAP Business One-Entwicklung mit C# und dem coresuite Country Package. Als erfahrener Trainer konzipiert und leitet er Intensivschulungen für Softwareunternehmen und Hochschulen zu Themen wie React, Vue.js, Laravel, Git, ASP.NET und weiteren modernen Technologien. Seine Beispielprojekte und Lehrmaterialien sind auf GitHub unter SoftwareDesign-Solution öffentlich einsehbar.