Der React JS Praxiskurs - Web-Apps reaktiv entwickeln

Entdecken Sie die Welt der modernen Webentwicklung mit React JS! Dieser Kurs bietet eine umfassende Einführung in React, eines der beliebtesten JavaScript Frameworks zur Erstellung von dynamischen und interaktiven Webanwendungen.

Sie benötigen keine Vorkenntnisse in komplexen Frameworks. Der Kurs beginnt bei den Grundlagen und erklärt die effiziente Herangehensweise von React Schritt für Schritt. Grundlegende JavaScript Kenntnisse (ES6-Kenntnisse sind von Vorteil, aber nicht zwingend erforderlich) sowie rudimentäre HTML und CSS Kenntnisse sind ausreichend.

Was Sie lernen werden:

• React Apps erstellen mit ViteJS: Nutzen Sie das moderne Build-Tool ViteJS und die einfache Einrichtung mit create vite, um schnell an die Entwicklung zu starten.
• Funktionale React-Komponenten mit JSX schreiben: Lernen Sie, wie Sie wiederverwendbare UI-Elemente erstellen.
• Props verwenden: Verstehen Sie die Datenübergabe zwischen Komponenten.
• Komponenten kombinieren und kommunizieren: Erfahren Sie, wie Sie komplexe UIs aus kleineren Komponenten zusammensetzen.
• Zustand verwalten mit useState: Lernen Sie, wie Sie den Zustand Ihrer Anwendung verwalten und dynamisch aktualisieren.
• DOM-Elemente mit useRef ansprechen: Zugriff auf und Manipulation von HTML-Elementen.
• Lifecycle-Events und Seiteneffekte mit useEffect verstehen: Verwalten Sie Nebenwirkungen und reaktive Operationen.
• App-Zustand speichern und laden im LocalStorage: Ermöglichen Sie persistente Daten.
• 3 praktische Apps entwickeln: Üben Sie das Gelernte anhand von konkreten Beispielen: Zähler, Todo-Liste und Video-Player.
• Optimierungen mit memo, useCallback und useMemo: Verbessern Sie die Performance Ihrer React Anwendungen.
• Routing mit React Router: Implementieren Sie Navigation und URL-Pfade in Ihren Webanwendungen.
• Einführung in externes State-Management: Einblick in MobX und Redux als Erweiterung für komplexere Anwendungen.

Kursfokus:

Dieser Kurs konzentriert sich auf funktionale Komponenten und Hook-Funktionen (useState, useEffect, useRef, etc.) anstelle von Klassenkomponenten. Dies ermöglicht einen schnellen Einstieg und eine moderne Entwicklungspraxis. Wir verzichten auf eine umfassende Behandlung von externem State-Management, um den Fokus auf die Kernkonzepte von React zu legen.

Ziel:

Das Ziel ist ein solides Verständnis von React und die Fähigkeit, einfache bis komplexe Webanwendungen zu erstellen, die wartbar und erweiterbar sind. Die erworbenen Kenntnisse bilden eine hervorragende Grundlage für das Erlernen fortgeschrittener React Themen.

Zukünftige Erweiterungen:

Der Kurs wird regelmäßig mit neuen Lektionen erweitert, um auch Themen wie weitere Hook-Funktionen abzudecken.