Kursbeschreibung
In diesem dreitägigen React-Grundkurs zur Webentwicklung steigst du in die Arbeit mit React ein und lernst die Grundlagen eines der beliebtesten Frameworks für die Entwicklung interaktiver Webanwendungen. React hat in den letzten Jahren stark an Bedeutung gewonnen und ermöglicht es dir, leistungsfähige und reaktionsschnelle Anwendungen zu entwickeln.
Der Kurs bietet dir einen umfassenden Einstieg in die Nutzung von React und zeigt dir anhand praxisnaher Beispiele, wie du interaktive Anwendungen effektiv entwickeln kannst.
Unser Kebel Team bietet dir diesen React Kurs als Live-Online-Training (Webinar) und als Präsenzseminar mit Zertifikat an.
Alternativ organisieren wir gerne eine individuelle React-Schulung oder einen Workshop für dein Team. Termine, Ort, Dauer und Inhalte werden dabei individuell abgestimmt. Deine maßgeschneiderte React-Schulung kann online, in Präsenz oder hybrid stattfinden.
Unser Kebel Team berät dich gerne oder du buchst direkt online.
Die wichtigsten Themen im Überblick
- Moderne Frontends mit React
- Komponenten & Hooks professionell nutzen
- State & Lifecycle meistern
- Routing & Redux integrieren
- APIs & asynchrone Calls einsetzen
- SSR mit Next.js verstehen
Zielgruppe
Voraussetzung für die Schulung
Kursinhalte
Folgende Lerninhalte werden in unserem React Kurs vermittelt:
- Ü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
