Installation auf Manjaro

Die vom React-Team empfohlene Lösung um mit React.js Anwendungen zu entwickeln, ist die Verwendung von Create-React-App. Create-React-App ist eine komfortable Umgebung, um Single-Page-Anwendungen mit React zu erstellen. Dazu muss Node.js und der Paketmanager npm bereits installiert sein. Eine ausführliche Anleitung zur Installation von Node.js und npm gibt es im Tutorial Node.js.

React installieren

Nach der Installation von Node.js und npm kann Create-React-App mit dem Paketmanager npm wie folgt installiert werden:

React-Anwendung erstellen

Nach erfolgreicher Installation können mit Create-React-App wie folgt React-Anwendungen erstellt werden:

Wird der „npx“-Befehl vom Betriebssystem nicht erkannt, muss u. U. die Version von npm wie folgt aktualisiert werden:

sudo npm install npm@latest -g

React-Anwendung testen

Nach erfolgreicher Erstellung, kann die Anwendung aus ihrem Verzeichnis heraus wie folgt gestartet werden:

Anschließend öffnet sich ein Browserfenster mit der neuen Anwendung:

Hinweis: Sollte sich das Browserfenster nicht von alleine öffnen, kann die Anwendung in einem Browserfenster mit „localhost:3000“ gestartet werden!

Quellen