Seminaranmeldung

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

Überblick und Architektur

• Vergleich zwischen React, Angular und Vue.js
• Was kann React?
• TypeScript oder JavaScript?
• 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