react

Erste Schritte mit react

Überblick

React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Sie ermöglicht es, wiederverwendbare UI-Komponenten zu erstellen und das DOM durch die Virtual-DOM-Implementierung effizient zu aktualisieren.

Erste Schritte

Nach dem Klonen Ihres Repositories folgen Sie diesen Schritten:

1

Abhängigkeiten Installieren

npm install
2

Entwicklungsserver Starten

npm start
3

Für Produktion Kompilieren

npm run build

Projektstruktur

├── src/
│   ├── components/     # React Komponenten
│   ├── hooks/          # Benutzerdefinierte React Hooks
│   ├── pages/          # Seiten-Komponenten
│   ├── services/       # API Services
│   ├── styles/         # CSS/SCSS Dateien
│   ├── App.js          # Root-Komponente
│   └── index.js        # Anwendungs-Einstiegspunkt
├── public/             # Statische Dateien
├── package.json        # Abhängigkeiten und Skripte
└── .env                # Umgebungsvariablen

Wichtige Konzepte

Komponenten

Erstellen Sie UI mit funktionalen Komponenten und JSX-Syntax.

Hooks

Verwenden Sie useState, useEffect und andere Hooks für State und Lifecycle.

Props

Übergeben Sie Daten zwischen Komponenten mit Props.

Nützliche Befehle

npm start Entwicklungsserver mit Hot Reload starten
npm run build Optimierten Produktions-Build erstellen
npm test Testsuite ausführen
Weitere Informationen finden Sie in der offiziellen React Dokumentation.