So installieren Sie React unter Ubuntu 20.04

In diesem Artikel erklären wir, wie man React unter Ubuntu 20.04 installiert.

React ist eine Open-Source-Frontend-JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen oder UI-Komponenten. Es wird von Facebook und einer Community aus einzelnen Entwicklern und Unternehmen gepflegt.

Dieser Artikel führt Sie durch den Installationsprozess und die Bereitstellung der React-Site.

Voraussetzungen

• Ein Ubuntu 20.04 installierter dedizierter Server oder KVM VPS.
• Ein Root-Benutzer oder normaler Benutzer mit sudo-Administratorrechten.

Installieren Sie React auf Ubuntu 20.04

Schritt 1 - Halten Sie den Server auf dem neuesten Stand

# apt update -y && apt upgrade -y

Schritt 2 – NodeJS und NPM installieren

Installieren Sie die neueste stabile Version von NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

Überprüfen Sie, ob die Installation erfolgreich ist.

# node -v && npm -v

Ausgabe:

v15.9.0
7.5.4

Schritt 3 - Installieren Sie die Create-Reaktion-App

In diesem Artikel verwenden wir das Create-React-App-Tool. Es ist das einfachste und beste Werkzeug mit vorgefertigten Konfigurationen in Produktionsqualität. Es ist eine komfortable Umgebung zum Erlernen von React und der beste Weg, um mit der Erstellung einer neuen Single-Page-Anwendung in React zu beginnen.

# npm install -g create-react-app

Überprüfen Sie die Installation:

# create-react-app --version

Ausgabe:

4.0.2

Schritt 4 – React-Anwendung bereitstellen

Erstellen Sie eine Reaktionsanwendung mit dem folgenden Befehl:

# npx create-react-app my-app

Entwicklungsserver starten

Nachdem Sie eine React-Anwendung installiert haben, gehen Sie in das Stammverzeichnis Ihres Projekts und starten Sie den Entwicklungsserver mit dem folgenden Befehl:

# cd my-app

# npm start

Sie können my-app jetzt im Browser anzeigen.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

Bauen

Bündelt die App in statische Dateien für die Produktion. Führen Sie folgenden Befehl aus:

# npm run build

Das ist es. Die Installation wurde erfolgreich abgeschlossen.

In diesem Artikel haben wir gesehen, wie man React unter Ubuntu 20.04 installiert.