React

1. Javascript und JSX
   • Einführung in Javascript (ES2015/16) für Java-Entwickler (Umfang je nach Vorwissen)
   • this-Problematik, Arrow-Functions
   • Asynchronität, Promises und Fehlerbehandlung
   • erste praktische Übungen mit Plain Javascript ohne React
2. Einführung in React
   • JSX-Syntax
   • Komponenten
   • Properties und State
   • praktische Übung: Erstes echtes React-Projekt aufsetzen, erste eigene Komponente, kurzer Blick auf Webpack
3. Navigation und Routing
   • Was ist eine Single Page App?
   • Einführung React Router
   • Dependency-Management mit NPM
   • praktische Übung: Einbindung einer Dependency über NPM, Aufbau einer ersten mehrseitigen Anwendung mit Menü
4. Kommunikation mit einem Backendsystem
   • Einführung Fetch API
   • Fehlerbehandlung und Asynchronität in der Praxis
   • CORS
   • praktische Übung: Abrufen von Daten aus einer REST-API, Anzeige eines Loading-Spinner, Fehlerbehandlung
5. Formulare und Validierung
   • Einführung ReactBootstrap und HTML5-Validierung
   • Formularvalidierung
   • Praktische Übung: Entwicklung eines Formulars mit Validierung und Anbindung an ein Backend
6. Verwaltung von State
   • Container Pattern
   • Verwaltung und Weitergabe von State
   • Hooks und Callbacks
   • Praktische Übung: Bau einer Anwendung mit Verwendung des Container Patterns
7. Ausblick Architektur großer Anwendungen
   • evtl. Flux / Redux Patterns
   • evtl. Komponententests
   • auf Wunsch weitere Themen

Kenntnis von zumindest einer (objektorientierten) Programmiersprache
Erfahrung mit Javascript, HTML und CSS sind notwendig. Im React-Universum benutzen Entwickler weitere Bibliotheken und Frameworks wie Redux, Saga und Reselect.