React - Basis

Entwicklung zeitgemäßer Frontend-Anwendungen

• Vergleich und Gemeinsamkeiten von React, Angular, Vue.js
• Deklarative / Zustandsbasierte Architektur
• Komponenten - Definition benutzerdefinierter HTML-Elemente

JavaScript-Grundlagen für React

• Anwendungsentwicklung mit node.js und npm
• Modulsystem (import und export)
• Verwendung von Pfeilfunktionen
• Anwendung der funktionalen Programmierung in JavaScript

TypeScript-Grundlagen für React

• Typdeklaration für Variablen, Funktionen, Arrays und Objekte
• Einsatz von Typaliasen und Schnittstellen
• Typumwandlung, Vereinigungstypen, Generika

Verwaltung des Anwendungszustands

• Prinzip der Unveränderlichkeit (Immutability)
• Festlegen und Aktualisieren des Anwendungszustands
• Verwendung des State-Hooks in Funktionskomponenten
• Erfassung des Zustands von Eingabeelementen

JSX: Die Templatesprache von React

• JSX als JavaScript-basierte Templatesyntax
• Binden von Inhalten und Eigenschaften
• Event-Handler
• CSS-Klassen und -Stile
• Bedingte Anweisungen (if / else)
• Wiederholung von Elementen

Webanwendungs-Grundbausteine: Komponenten

• Integration vorgefertigter Komponenten
• Definition von Props in eigenen Komponenten
• Definition von Ereignissen in eigenen Komponenten
• Datenfluss zwischen Komponenten
• Inspektion von Komponenten mit den React Developer Tools
• Funktions- und Klassenkomponenten

Nutzung von Hooks

• Funktionsweise von Hooks in React
• Verwendung von integrierten und benutzerdefinierten Hooks

Abfrage von APIs in React

• Senden von HTTP-Anfragen über fetch
• Verwendung der Bibliothek "react-query"
• Auslösen von HTTP-Anfragen mit dem Effekt-Hook

React Router

• Routing auf der Clientseite
• Anzeigen verschiedener Ansichten basierend auf der Route

Erweiterung

• Einführung in Context: Datenaustausch über den Komponentenbaum
• Erstellung benutzerdefinierter Hooks
• Überblick über Bibliotheken für Styling und Formulare