Was bewirkt der Befehl "yarn add create react app" und wie wird er richtig verwendet?
- Was ist "yarn"?
- Was bedeutet "add" im Befehl?
- Was ist "create react app"?
- Warum ist der Befehl "yarn add create react app" nicht richtig?
- Wie wird "create-react-app" korrekt verwendet?
- Fazit
Der Befehl yarn add create react app wird häufig im Kontext der Entwicklung von React-Anwendungen verwendet. Um die Bedeutung dieses Befehls und seine korrekte Anwendung zu verstehen, ist es hilfreich, die einzelnen Bestandteile und deren Zweck zu betrachten.
Was ist "yarn"?
Yarn ist ein Paketmanager für JavaScript-Projekte, ähnlich wie npm. Er erleichtert das Installieren, Aktualisieren und Verwalten von Abhängigkeiten in einem Projekt. Wenn man beispielsweise Bibliotheken oder Tools benötigt, kann man diese per Yarn schnell und zuverlässig hinzufügen oder entfernen.
Was bedeutet "add" im Befehl?
Das Schlüsselwort add ist ein Befehl innerhalb von Yarn, mit dem man ein Paket bzw. eine Abhängigkeit in das Projekt integriert. Dabei wird das angegebene Paket heruntergeladen und in der Datei package.json als Abhängigkeit eingetragen. Außerdem werden die notwendigen Dateien im Ordner node_modules gespeichert.
Was ist "create react app"?
create-react-app (richtig zusammengeschrieben) ist ein offizielles Tool von Facebook, das dazu dient, eine neue React-Anwendung schnell und unkompliziert aufzusetzen. Es nimmt einem viel Konfigurationsarbeit ab, indem es eine fertige Projektstruktur inklusive Build-Tools, Transpiler und Entwicklungsserver bereitstellt.
Warum ist der Befehl "yarn add create react app" nicht richtig?
Der Befehl yarn add create react app versucht, drei einzelne Pakete zu installieren: create, react und app>. Dies führt nicht zum gewünschten Ergebnis, da es kein Paket namens create react app gibt und auch nicht die einzelnen Pakete separat installiert werden sollen. Das offizielle Paket heißt create-react-app mit Bindestrichen und wird entweder global installiert oder über npx ausgeführt.
Wie wird "create-react-app" korrekt verwendet?
Um eine neue React-Anwendung zu erstellen, empfiehlt es sich, den offiziellen Weg zu gehen. Das geschieht typischerweise mit dem Tool npx, das Node-Pakete temporär ausführt, ohne sie dauerhaft zu installieren. Der Korrekte Befehl lautet:
npx create-react-app mein-projekt
Alternativ kann man create-react-app auch global installieren mit:
yarn global add create-react-app
Danach kann man neue Projekte erzeugen mit:
create-react-app mein-projekt
Durch diese Befehle wird automatisch ein Boilerplate-Projekt mit allen notwendigen Abhängigkeiten erstellt und konfiguriert.
Fazit
Der Befehl yarn add create react app ist kein gültiger Befehl, um eine React-Anwendung zu erstellen. Er installiert fälschlicherweise die drei Pakete create, react und app getrennt voneinander. Für den Start einer neuen React-App sollte das Tool create-react-app über npx oder als globales Paket genutzt werden. Dabei übernimmt das Tool die komplette Projektstruktur und initiale Konfiguration.