React

Inhalte

Jeder Kurstag ist mit theoretischen Lektionen zur Einführung der Themen sowie maßgeschneiderten praktischen Übungen organisiert, die darauf abzielen, jeden Entwickler zur Beherrschung des Tools zu führen. Der Kurs ist so strukturiert, dass er ein intensives Full-Immersion-Training zur Entwicklung mit React darstellt.

Einführung in React

• Was ist React?

• Die Besonderheit von React: das Frontend

• React: Vorbereitung der Entwicklungsumgebung

• Hallo React Welt!

• Die JSX-Syntax

• Verstehen von Zustand und Eigenschaften von Komponenten

• Ereignisbehandlung in React

• Das Virtual DOM verstehen

• Hinzufügen von React zu einer bereits bestehenden App

Komponenten

• Erstellen einer React-Komponente

• Der Lebenszyklus von React-Komponenten

• Verwaltung des Zustands von Komponenten

• Das Rendern der Benutzeroberfläche

• Wie man eine React-UI organisiert

• Aufrufen von RESTful APIs und JSON-RPC

• Zustand zwischen Komponenten teilen a.k.a. „Lifting State Up“

Hooks

• Was sind Hooks?

• useState

• useEffect

• Erstellen von benutzerdefinierten Hooks

• useContext

• useCallback

• useMemo

• useRef

Erstellung eines vollständigen Projekts

• Erstellen einer neuen React-Anwendung mit create-react-app

• Definieren, Entwerfen und Entwickeln von Komponenten

• Routing und Navigation zwischen Views

• Entwerfen eines Navigationsmenüs

Fortgeschrittene Konzepte

• Weiterleiten von Refs

• Fragmente

• Höhere Komponenten (HOCs)

• Integration mit anderen Bibliotheken

• JSX im Detail

• Optimierung der Leistung

Der Kurs ist strukturiert mit einer Mischung aus Theorie und Praxis, um den Teilnehmern zu ermöglichen, die neuen Informationen und Techniken sofort zu verstehen, zu erwerben und anzuwenden.