Grundlagen
Alle ansehen- 01 Was ist React? Philosophie, Komponenten und virtuelles DOM
- 02 JSX – Syntax und Regeln Markup direkt in JavaScript schreiben
- 03 Setup: Vite, Next.js & Create React App Projekt aufsetzen mit Vite, Next.js oder CRA
- 04 Erste Komponente Vom leeren Projekt zur ersten Komponente
- 05 Komponenten-Denken UI strukturiert in Komponenten zerlegen
Components
Alle ansehen- 01 Einführung
- 02 Funktionale vs. Klassen-Komponenten Unterschiede, Vor- und Nachteile, Migration
- 03 Props
- 04 Children Prop Inhalte zwischen den Tags entgegennehmen
- 05 Conditional Rendering
- 06 Schleifen Listen rendern mit map() und Keys
- 07 Elementen Kontrolle
- 08 Styling Inline, CSS Modules, Tailwind, styled-components
- 09 Bilder
- 10 Fragments Mehrere Elemente ohne zusätzlichen DOM-Knoten
- 11 Composition statt Inheritance Komponenten komponieren statt vererben
State
Alle ansehen- 01 Einführung in State
- 02 Funktionsweise von useState()
- 03 Datentypen mit useState()
- 04 Mehrere Zustandswerte
- 05 Lazy Initial State
- 06 State vs. Props Wann State, wann Props verwenden?
- 07 Immutability – warum nie direkt mutieren State niemals direkt mutieren
- 08 State Lifting
- 09 Formulare und useState()