Wie kann ich mit npm eine React-App erstellen und diese auf GitHub veröffentlichen?
- Einleitung: React-App mit npm erstellen
- Schritt für Schritt: React-App mittels npm create erstellen
- Die React-App auf GitHub hochladen
- Zusammenfassung
Einleitung: React-App mit npm erstellen
React ist eine weitverbreitete JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Um schnell mit einer React-Anwendung zu starten, wird häufig das Kommandozeilenwerkzeug create-react-app verwendet. Früher wurde dafür der Befehl npx create-react-app genutzt, mittlerweile empfiehlt sich die neue Form mit npm create react-app. Dieser Befehl erzeugt ein neues React-Projekt mit einer sinnvollen Grundstruktur und allen notwendigen Abhängigkeiten.
Schritt für Schritt: React-App mittels npm create erstellen
Um eine neue React-Anwendung zu erstellen, öffnet man ein Terminal oder eine Eingabeaufforderung und gibt den Befehl npm create react-app my-app ein. Hierbei wird ein Ordner namens my-app erstellt, in dem sich das fertige Grundgerüst der React-Anwendung befindet. Anschließend wechselt man in dieses Verzeichnis mit cd my-app und startet den Entwicklungsserver mit npm start. So kann die App im Browser getestet und weiterentwickelt werden.
Die React-App auf GitHub hochladen
GitHub ist eine weitverbreitete Plattform für Quellcodeverwaltung mittels Git. Um das gerade erstellte React-Projekt auf GitHub zu veröffentlichen, benötigt man zunächst ein kostenloses Repository auf GitHub. Nach Erstellung dieses Repositories kann man das lokale Projekt mit Git initialisieren (z.B. git init), die Dateien hinzufügen (git add .), und mit git commit -m "Initial commit" die Änderungen speichern. Danach verbindet man das lokale Repository mit dem entfernten auf GitHub mittels git remote add origin . Abschließend wird mit git push -u origin main oder master der Code hochgeladen.
Zusammenfassung
Mit dem Befehl npm create react-app lässt sich unkompliziert eine neue React-Anwendung erzeugen. Anschließend lässt sich das Projekt mit den grundlegenden Git-Kommandos auf ein GitHub-Repository hochladen, um die App gemeinsam mit anderen zu verwalten oder zu veröffentlichen. Dieser Workflow erleichtert die Entwicklung und Versionierung von React-Projekten erheblich.