React - Basis

Nach Abschluss des Kurses "React - Basis" werden Sie in der Lage sein, eigenständig einfache, datengesteuerte Benutzeroberflächen mit React.js zu erstellen. Der Kurs vermittelt Ihnen ein solides Verständnis der benötigten JavaScript-Konzepte sowie der grundlegenden Elemente, Architekturen und Syntax von React.

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

Der Kurs richtet sich an Front-End-Entwickler, die ihre Kenntnisse in React vertiefen möchten. Im Absagefall durch den Veranstalter behält sich die PROTRANET das Recht vor, Umbuchungen auf ein komprimiertes LIVEINAR (Online) vorzunehmen oder falls möglich in Rücksprache mit Ihnen den Termin zu verschieben. Der Preis bleibt in beiden Fällen unverändert. Eine kostenfreie Stornierung ist bis 28 Tage vor dem Seminar möglich.