Die Bedeutung von JavaScript nimmt stetig zu. Die Skriptsprache, die seinerzeit nur für mehr Dynamik in Webbrowsern sorgen sollte, hat mittlerweile weite Verbreitung gefunden und kommt selbst auf Servern zum Einsatz.

React ist ein JavaScript-Framework zur Entwicklung von Benutzeroberflächen sowohl im Browser als auch auf Mobilgeräten. Entwickelt und eingesetzt von Facebook ist es mittlerweile als Open-Source-Projekt verfügbar und wird auf vielen großen Plattformen verwendet.

Unsere erfahrenen Trainer programmieren mit Ihnen zusammen Schritt für Schritt an einer Beispielanwendung Ihrer Wahl.

Kursthemen

• Einführung in React

  • React-Projekt einrichten

  • Deklarative Programmierung

  • „Hello World“ in React

• Erstellen Sie Ihr erstes React-Element

  • type, props, children

  • React-Elemente rendern

  • JSX verwenden

• Erstellen Sie Ihre erste Komponente

  • Stateless vs. stateful Komponenten

  • Erste stateless Komponente erstellen

  • Erste stateful Komponente erstellen

  • Erste Container-Komponente erstellen

  • Komponenten reaktiv gestalten

  • Prop-Validierung

• Daten richtig verarbeiten

  • Datenfluss in React

  • Kommunikation zwischen Parent- und Child-Komponenten (Callbacks)

  • Gemeinsamer Parent-Komponente

  • Daten abrufen

  • Neu laden bei Änderungen

• Code für den Browser schreiben

  • Formulare: controlled und uncontrolled Components

  • JSON-Schema

  • Events

  • Refs

  • Hooks

• Server-side Rendering (SSR)

• Komplexere Komponenten erstellen

• Performance optimieren

  • Reconciliation und Keys

  • Optimierungstechniken

  • Best Practices

  • Tools & Libraries

• Testen und Debugging von React-Anwendungen

  • JavaScript-Tests mit Jest

  • Mocha als alternatives Test-Framework

  • Testing Utilities für JavaScript

  • Gängige Testlösungen

  • React Developer Tools

  • Fehlerbehandlung

• React-Architektur verbessern mit Flux

  • Architektur von Webanwendungen analysieren

  • Flux verstehen

  • Dispatcher, Store und weitere Konzepte implementieren