Technologie

Wie erstelle ich eine React-App mit Git?

Melden
  1. Einführung
  2. Erstellen einer React-App
  3. Initialisieren eines Git-Repositories
  4. Integration mit einem Remote-Repository
  5. Fazit

Einführung

Die Erstellung einer React-App in Kombination mit Git ist ein gängiger Workflow in der modernen Webentwicklung. React ist eine JavaScript-Bibliothek zur Entwicklung von Benutzeroberflächen, während Git ein Versionskontrollsystem ist, das Entwicklern hilft, Änderungen im Code nachzuverfolgen und im Team zusammenzuarbeiten. In diesem Beitrag wird erläutert, wie man eine neue React-App erstellt und diese anschließend mit Git verwaltet.

Erstellen einer React-App

Um eine React-App zu erstellen, empfiehlt sich die Verwendung des Tools Create React App, das von Facebook bereitgestellt wird. Dieses Werkzeug erleichtert den Aufbau der Entwicklungsumgebung, indem es eine standardisierte Projektstruktur sowie viele Konfigurationsdetails automatisch anlegt. Zuerst sollte sichergestellt werden, dass Node.js und npm (Node Package Manager) installiert sind, da diese Voraussetzung für die Verwendung von Create React App sind.

npx create-react-app mein-projekt

Durch Ausführen dieses Befehls im Terminal wird ein neuer Ordner namens mein-projekt angelegt, der alle Dateien und Abhängigkeiten für eine React-Anwendung enthält. Nach Abschluss des Vorgangs kann man in das Verzeichnis wechseln und die Anwendung mit npm start lokal starten.

Initialisieren eines Git-Repositories

Nach dem Erstellen der React-App empfiehlt es sich, ein Git-Repository im Projektverzeichnis zu initialisieren, um Versionskontrolle zu gewährleisten. Dieser Schritt erlaubt es, alle Änderungen am Code nachvollziehbar zu speichern und später zu verwalten. Im Projektordner führt man folgenden Befehl aus:

git init

Dadurch wird ein neues Git-Repository angelegt. Anschließend kann man alle Projektdateien zum Tracking hinzufügen mit:

git add .git commit -m "Initialer Commit der React-App"

Integration mit einem Remote-Repository

In vielen Projekten ist es üblich, das lokale Git-Repository mit einem entfernten Server, beispielsweise GitHub, GitLab oder Bitbucket, zu verbinden. Dafür wird auf der jeweiligen Plattform ein neues Repository erstellt. Anschließend verbindet man das lokale Repository über die URL mit dem Remote-Repository:

git remote add origin URL_DES_REPOSITORIES

Der Befehl git push -u origin main überträgt die lokalen Dateien in das entfernte Repository und legt den Hauptbranch fest.

Fazit

Das Erstellen einer React-App mit Create React App und die Verwaltung des Projekts über Git ist ein essenzieller Prozess in der heutigen Webentwicklung. Während Create React App eine motorisierte und standardisierte Grundlage für React-Projekte bietet, sichert das Git-Repository die Versionskontrolle und Zusammenarbeit, besonders im Team. Die Kombination dieser Werkzeuge bildet somit eine effiziente und professionelle Arbeitsweise.

0

Kommentare