React JS - Einführung

Kursbeschreibung

In dieser 3-tägigen Schulung "React - Grundlagen" lernen Sie, wie Sie die React.js-Bibliothek und JSX verwenden, um einfache datengesteuerte Benutzeroberflächen (UIs) zu erstellen. Sie erhalten einen Überblick über die notwendigen JavaScript-Konzepte, die für die Arbeit mit React erforderlich sind.

React ist eine Open-Source JavaScript-Bibliothek, die von Facebook entwickelt wurde und die zur Erstellung von User-Interfaces in HTML verwendet wird. So wurde auch die gesamte Facebook-Seite realisiert. React (auch ReactJS) bildet die Grundlage, um UI-Komponenten wie interaktive oder dynamische Applikationen für Web und Mobil bereitzustellen. Für umfangreiche Anwendungen reicht React allein jedoch oft nicht aus. Gern genutzt wird das Zusammenspiel von React zusammen mit Redux. Diese Kombination wird beispielsweise von Facebook, Airbnb, PayPal, Instagram oder Netflix verwendet.

Der Kurs deckt die wichtigsten Konzepte, Komponenten, Architekturen und die Syntax ab, die bei der Entwicklung mit React verwendet werden. Hierbei werden Sie einen umfassenden Einblick in die Grundlagen von React gewinnen, um effektiv mit dieser Bibliothek zu arbeiten.

In unserer React Schulung erhalten Sie zunächst eine Einführung in die grundlegenden Begriffe und die Funktionsweise der JavaScript-Bibliothek. Sie bekommen einen Überblick über alle relevanten Komponenten von React und lernen, wie Sie z.B. Animationen erstellen, Effekte nutzen, wie Sie die Komponenten einbinden und auch wie Sie Formulare erstellen.

Am Ende des Kurses werden Sie ein solides Verständnis für React haben und in der Lage sein, eigene UIs mit React zu erstellen und zu gestalten.

Kursinhalt

Einführung

• Überblick
• Besonderheiten
• Unterschiede und Gemeinsamkeiten zu anderen Bibliotheken
• HTML, JavaScript und TypeScript
• Möglichkeiten und Grenzen
• Installation
• JSX
• Architektur und Syntax

Komponenten

• Überblick
• Konfiguration einer React-Komponente
• Styling
• Properties und States
• Einbinden von Komponenten
• Listen
• Effekte
• Interaktive Komponenten
• Events
• Animationen
• Kommunikation zwischen den Komponenten

Formulare

• Editor
• Controlled und uncontrolled components

Anwendungen

• Best Practices
• Serverzugriffe
• Router
• Hooks
• Rendering
• Testen von Anwendungen und Komponenten
• State Management mit Redux