Kursbeschreibung
Starten Sie durch mit der Web-Entwicklung in React mit diesem dreitägigen Grundkurs. React ist in den letzten Jahren immer populärer geworden und eines der besten Frameworks für die Entwicklung von interaktiven (Web-) Anwendungen. In dieser Schulung werden die Grundlagen für einen erfolgreichen Einstieg in das Thema gelegt und Sie lernen interaktiv an echten Praxisbeispielen, wie React Anwendungen richtig entwickelt werden.
Nach Abschluss dieser Schulung…
- haben Sie verstanden, wie React eingesetzt wird und einen Überblick über das Ökosystem von React erhalten
- wie Sie mit JSX interaktive und professionelle (Web-)Anwendungen entwickeln können
- wie Komponenten untereinander agieren und wie Sie wiederverwendbare React Anwendungen schreiben
- wie Sie den lokalen State verwalteten und das Binding an HTML Elemente in React funktioniert
- Was es mit all den Bibliotheken und Frameworks, die auf React basieren, auf sich hat
Die wichtigsten Themen im Überblick
- Schritt für Schritt zum React Profi
- Live an Praxis-Beispielen demonstriert
- Einstieg in die moderne Webentwicklung
- Lerne von erfahrene EntwicklerInnen
Zielgruppe
- Web-EntwicklerInnen
- App-EntwicklerInnen
Voraussetzung für die Schulung
HTML5, CSS3 und JavaScript (ES6+) Erfahrungen.
Kursinhalte
Überblick und Architektur
- Vergleich zwischen React, Angular und Vue.js
- Was kann React?
- Aufbau eines React Projekts
- Entwicklungsumgebungen und Erweiterungen
- Browser-Extensions (React Developer Tools und Co.)
- Der React LifeCycle
- React mit TypeScript oder JavaScript?
- Einbindung in existierende Seiten
- create-react-app / npx create-react-app
- Server Side Rendering (SSR)
- Next.js und Gatsby im Überblick
React Komponenten und JSX
- Komponenten
- Funktionale vs. klassenbasierte Komponenten
- Event Handling
- JSX - mehr als nur Ausgabe
- Kontrollstrukturen mit JSX (Bedingungen, Schleifen…)
- React Props - Daten an Komponenten übergeben
- Validierung von Properties und Default Werte
- React children und mapping
- Modularisierung und Separation of Concerns (SoC)
- Styling und CSS
- useState
- useEffect
- Data binding
- Anwendungen in mehrere Komponenten zerlegen
- Saubere Ordner- und Dateistrukturen mit React
Fortgeschrittene Themen
- Asynchrone Vorgänge
- Webpack Konfiguration und Optimierung
- Einbinden anderer Bibliotheken in React
Ausblick
- Application State Management mit Redux, immer & Co.
- React-Router
- Reducer Funktionen
- API Abfragen mit axios
- Testing mit Jest