React Grundkurs

Ü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