23 lines
1.4 KiB
Markdown
23 lines
1.4 KiB
Markdown
# Inhalt des Repositories
|
|
In dem Repositories liegen die Dateien des aktuellen Bausteins WJSF. Neben den reinen html/css/js-Seiten sind aktuell drei React-Apps enthalten.
|
|
|
|
Die React-Apps liegen in den Verzeichnissen 'Erster React Test', 'react-todolist' und 'react-unterricht-todolist'.
|
|
|
|
react-todolist enthält eine für React angepasste Todo-App von Montag. react-unterricht-todolist ist eine vereinfachte Variante der heute (Dienstag) vorgestellten App (keine API-Aufrufe, keine Statistiken).
|
|
|
|
React Apps lassen sich nach klonen des Repositories nicht einfach so öffnen. Es müssen erst Pakete etc. nachgeladen werden. Dafür kann die untenstehende Anleitung verwendet werden.
|
|
# React Apps zum Laufen bringen
|
|
1. Mit Eingabeaufforderung oder PowerShell Ordner mit React-App öffnen
|
|
2. `npm install` -> npm installiert Abhängigkeiten für React
|
|
3. `npm run dev` -> npm startet React-Development-Server; Ausgabe sollte ungefähr sein:
|
|
```
|
|
VITE v8.1.4 ready in 345 ms
|
|
|
|
➜ Local: http://localhost:5173/
|
|
➜ Network: use --host to expose
|
|
➜ press h + enter to show help
|
|
```
|
|
4. Eingabeaufforderung / PowerShell geöffnet lassen, da sonst auch der Server beendet wird
|
|
5. Falls sich Browserfenster nicht automatisch öffnet, ist die React App über den Link (siehe oben) erreichbar
|
|
6. Dateien innerhalb von 'react-todolist/src' verändern, um die React App weiterzuentwickeln
|