Website-Suche

So installieren Sie ReactJS unter Ubuntu


React (auch als ReactJS bezeichnet) wurde 2011 von Facebook entwickelt und ist eine Javascript-Bibliothek zur Erstellung schneller und interaktiver Benutzeroberflächen. Zum Zeitpunkt des Verfassens dieses Artikels handelt es sich um die beliebteste Javascript-Bibliothek für die Entwicklung von Benutzeroberflächen. React übertrifft seine Gegenstücke – Angular und Vue JS in puncto Funktionalität und Beliebtheit.

Seine Popularität beruht auf seiner Flexibilität und Einfachheit und macht es zur ersten Wahl bei der Entwicklung mobiler Apps und Webanwendungen. Mehr als 90.000 Websites nutzen React, darunter Technologiegiganten wie Facebook, Netflix, Instagram >, Airbnb und Twitter, um nur einige zu nennen.

In diesem Artikel erfahren Sie, wie Sie ReactJS auf Ubuntu 20.04 und Ubuntu 18.04 installieren.

Schritt 1: NPM in Ubuntu installieren

Wir beginnen die Installation von React JS mit der Installation von npm – kurz für den Node Package Manager –, das sind zwei Dinge. Erstens handelt es sich um ein Befehlszeilentool, das für die Interaktion mit Javascript-Paketen verwendet wird und es Benutzern ermöglicht, Javascript-Tools und -Bibliotheken zu installieren, zu aktualisieren und zu verwalten.

Zweitens ist npm eine Online-Open-Source-Software-Registrierung, die über 800.000 Node.JS-Pakete hostet. Npm ist kostenlos und Sie können problemlos öffentlich verfügbare Softwareanwendungen herunterladen.

Um npm unter Ubuntu Linux zu installieren, melden Sie sich als sudo-Benutzer bei Ihrem Server an und rufen Sie den folgenden Befehl auf:

sudo apt install npm

Sobald die Installation abgeschlossen ist, können Sie die installierte Version von npm mit dem folgenden Befehl überprüfen:

npm --version

6.14.4  [Output]

Die neueste Version zum Zeitpunkt des Verfassens dieses Artikels ist v6.14.4, wie in der Ausgabe dargestellt.

Bei der Installation von npm wird auch node.js installiert und Sie können die installierte Version von node mit dem folgenden Befehl bestätigen:

node --version

v10.16.0  [Output]

Schritt 2: Installieren des Dienstprogramms „create-react-app“.

create-react-app ist ein Dienstprogramm, mit dem Sie alle Tools einrichten können, die zum Erstellen einer React-Anwendung erforderlich sind. Es spart Ihnen viel Zeit und Energie, wenn Sie alles von Grund auf neu einrichten müssen, und verschafft Ihnen den nötigen Vorsprung.

Um das Tool zu installieren, führen Sie den folgenden npm-Befehl aus:

sudo npm -g install create-react-app

Nach der Installation können Sie die installierte Version bestätigen, indem Sie Folgendes ausführen:

create-react-app --version

4.0.1  [Output]

Schritt 3: Erstellen und starten Sie Ihre erste React-Anwendung

Das Erstellen einer React-Anwendung ist recht einfach und unkompliziert. Wir werden wie folgt eine Reaktions-App namens tecmint-app erstellen.

create-react-app tecmint-app

Die Installation aller von der Anwendung benötigten Pakete, Bibliotheken und Tools dauert etwa 5 Minuten. Etwas Geduld wird sich als nützlich erweisen.

Wenn die Erstellung der Anwendung erfolgreich war, erhalten Sie die folgende Benachrichtigung mit den grundlegenden Befehlen, die Sie ausführen können, um mit der Verwaltung der Anwendung zu beginnen.

Um die Anwendung auszuführen, navigieren Sie in das Verzeichnis app

cd tecmint-app

Führen Sie dann den Befehl aus:

npm start

Am Ende erhalten Sie die folgende Ausgabe, die Ihnen zeigt, wie Sie im Browser auf die Anwendung zugreifen.

Starten Sie Ihren Browser und durchsuchen Sie die IP-Adresse Ihres Servers

http://server-ip:3000

Dies zeigt, dass die Standard-React-App betriebsbereit ist. In dieser Anleitung haben wir React JS erfolgreich installiert und eine Anwendung in React erstellt.