React
JS Bibliothek für die Erstellung von Front-Ends. Komponentenbasiert. Nutzt JSX Template-Sprache. Wenig Interaktion mit dem DOM. Nutzt einen virtuellen DOM (V-DOM), welche eine abgespeckte Variante des HTML-DOM ist und vergleicht diesen mit dem HTML-DOM, daher ist React schneller. Das optionale Parcel (https://parceljs.org/) ermöglicht ein automatisches Reload der Seite bei Veränderung.
Eine Interaktion mit dem DOM ist kaum noch nötig, da die Anwendungen über Komponenten zusammengebaut sind, welche über Funktionen definiert sind. Komponenten geben JSX zurück, welches im Hintergrund zu HTML umgewandelt wird. Änderungen an Komponenten wirken sich auf alle Instanzen aus.
Siehe Tag_24/react.
Hint
.parcel-cache, dist und package-lock.json sollen nicht mit
ausgeliefert werden.
Siehe Tag 25/react.
Das Hauptprogramm enthält einen index.html und eine index.js, welche das
Root-Element enthält.
Starten der React Applikation über Parcel:
npm i
npx parcel index..html
Über den Befehl
npx create-react-app my-app
wird eine React Application in den Ordner my-app geschrieben und dort hinein
installiert. Dies ist hilfreich, falls das Zielsystem keine Node.js Installation
enthält. Weitere Infos: https://create-react-app.dev/docs/getting-started/.
Anschließend kann über
npm run build
ein Build-Script erstellt werden (erzeugt /build Ordner).