React ist eine JavaScript-Bibliothek für den Bau von Benutzeroberflächen (UI). Hauptsächlich für Single-Page-Applications (SPA).
Grundprinzip:
Komponentenbasiert. UI wird in kleine, wieder verwendbare Teile (Komponenten) zerlegt.
JSX
Syntax-Erweiterung, die HTML-ähnlich aussieht, aber in JavaScript geschrieben wird.
State & Props
State = interne, veränderbare Daten einer Komponente. Props = unveränderliche Eingaben, die von außen reingegeben werden.
Lifecycle-Methoden / Hooks
Klassische Komponenten hatten Lifecycle-Methoden (z.B. componentDidMount). Heute meist Hooks wie useState, useEffect für State und Nebenwirkungen.
Virtuelles DOM
React erstellt eine virtuelle Repräsentation der UI und aktualisiert nur das, was sich tatsächlich geändert hat – sehr performant.
- useState
- useEffect