React Fortgeschrittene
Komplexe React-Anwendungen mit Redux, Routing, Tests und Deployment sicher strukturieren
Über den Workshop
Steige tiefer in die React-Entwicklung ein und arbeite an den Architekturfragen, die bei größeren Single-Page-Anwendungen schnell entscheidend werden: sauber geschnittener Application State, nachvollziehbare Routing-Strukturen, robuste API-Anbindung und automatisierte Tests. Im Mittelpunkt steht nicht die Wiederholung von Grundlagen, sondern die Umsetzung einer anspruchsvollen React-Anwendung mit vielen Komponenten, gemeinsam genutztem State und realistischen Anforderungen an Wartbarkeit und Erweiterbarkeit.
In dieser React Schulung entsteht über drei Tage hinweg eine komplexere Anwendung von Grund auf. Dabei werden Redux und Redux Toolkit für State-Management eingesetzt, React Router für geschützte und verschachtelte Routen genutzt und zentrale Abläufe mit Unit-, Component- und End-to-End-Tests abgesichert. Vite, Build-Prozess, Deployment und Continuous Integration runden den Entwicklungsablauf ab.
Tagesablauf
State-Management und Architektur
- 01Architektur größerer React-Anwendungen
- 02Redux Toolkit und Store-Aufbau
- 03Slices, Reducer, Actions und Selectors
- 04Asynchrone Abläufe mit createAsyncThunk
- 05Custom Hooks für State-Zugriff
APIs, Routing und Anwendungsausbau
- 01Asynchrone Datenflüsse mit Redux
- 02API-Anbindung und Server State
- 03Routing mit React Router
- 04Private Routen und Authentifizierung
- 05Code-Splitting und Lazy Loading
Testing, Build und Deployment
- 01Unit Tests und Integration Tests
- 02End-to-End-Tests und Component-Tests mit Cypress
- 03Mocks, Testdaten und Assertions
- 04CI-Ausführung von Tests
- 05Build, Optimierung und Deployment
Für wen ist der Workshop geeignet?
Zielgruppe
- ✓Frontend-Entwicklerinnen und Frontend-Entwickler mit React-Grundkenntnissen, die größere Anwendungen strukturieren
- ✓JavaScript-Entwicklerinnen und JavaScript-Entwickler, die Redux, Routing und Testing in React-Projekten einsetzen
- ✓Webentwicklerinnen und Webentwickler in Teams mit komplexem Client State, API-Anbindung und Deployment-Anforderungen
- ✓Software-Entwicklerinnen und Software-Entwickler, die eine React Inhouse Schulung oder Remote React Schulung für Projektteams planen
Voraussetzungen
- ✓Sichere Grundlagen in JavaScript, HTML und CSS
- ✓Erfahrung mit React-Komponenten, Props, State und Hooks
- ✓Grundverständnis von npm, Terminal und Git
- ✓Erste Erfahrung mit REST APIs von Vorteil
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.