Tag 16: React

Was ist React?

• ist eine beliebte JavaScript-Bibliothek, die hauptsächlich für die Erstellung von Benutzeroberflächen verwendet wird
• hilft Webseiten schnell & reaktionsfähig zu machen
• Verwendung von Komponenten: React basiert auf der Idee der Komponenten, die wiederverwendet werden können.
• Code wird sauberer und organisierter

Projekt in React erstellen

Projektnamen müssen kleingeschrieben sein!

Um React nutzen zu können benötigen wir node und npm

Aufbau

.css-Dateien für Styling

App.tsx ist das Herzstück der App

package.json z.B. für Dependencies

Um eine neue Komponente zu erstellen, erstellen wir eine Typescript JSX File (Datei um HTML und JavaScript zu kombinieren)

Mit type können Variablen definiert werden

Ausgabe

Über http://localhost:3000 können wir App anzeigen