So installieren Sie ReactJS unter Ubuntu 21.04

Einführung

Entwickelt von Facebook 2011, Reagieren (auch als ReactJS bezeichnet ) ist eine Javascript-Bibliothek, die zum Erstellen schneller und interaktiver Benutzeroberflächen verwendet wird. Zum Zeitpunkt des Schreibens ist es also die beliebteste Javascript-Bibliothek für die Entwicklung von Benutzeroberflächen. React schlägt seine Gegenstücke – Angular und Vue JS hinsichtlich Funktionalität und Beliebtheit.

Seine Popularität beruht auf seiner Flexibilität und Einfachheit, was es zur ersten Wahl bei der Entwicklung mobiler Apps und Webanwendungen macht. Mehr als 90.000 Websites verwenden React einschließlich Technologiegiganten wie Facebook , Netflix , Instagram , Airbnb , und Twitter um nur einige aufzuzählen.

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

Schritt 1:NPM unter Ubuntu installieren

Wir beginnen mit der Installation von React JS indem Sie npm installieren – kurz für den Paketmanager des Knotens, sind zwei Dinge. Erstens ist es ein Befehlszeilentool, das für die Interaktion mit Javascript-Paketen verwendet wird, wodurch Benutzer Javascript-Tools und -Bibliotheken installieren, aktualisieren und verwalten können.

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

So installieren Sie npm auf Ubuntu Linux , melden Sie sich als sudo bei Ihrem Server an user und rufen Sie den folgenden Befehl auf:

$ sudo apt install npm -y

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

$ npm --version

Die neueste Version zum Zeitpunkt der Erstellung dieses Artikels ist v7.5.2 wie in der Ausgabe erfasst.

Die Installation von npm installiert auch node.js und Sie können die Version von Knoten bestätigen installiert mit dem Befehl:

$ node --version

Schritt 2:Dienstprogramm create-react-app installieren

Reaktions-App erstellen ist ein Dienstprogramm, mit dem Sie alle Tools einrichten können, die zum Erstellen einer Reaktion erforderlich sind Anwendung. Es spart Ihnen viel Zeit und Energie, alles von Grund auf neu einzurichten, und verschafft Ihnen den nötigen Vorsprung.

Um das Tool zu installieren, führen Sie das folgende npm aus Befehl:

$ 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

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

Eine Reaktion erstellen Die Anwendung ist ganz einfach und unkompliziert. Wir werden eine Reaktions-App namens tecmint-app erstellen wie folgt.

$ create-react-app unixcop-app

Dies dauert ungefähr 5 Minuten, um alle Pakete, Bibliotheken und Tools zu installieren, die von der Anwendung benötigt werden. 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.

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 zur App Verzeichnis

$ cd unixcop-app

Führen Sie dann den Befehl aus:

$ npm start

Am Ende erhalten Sie die Ausgabe, wie Sie auf die Anwendung im Browser zugreifen können, aber wenn Sie die unten gezeigte Meldung erhalten, müssen Sie Y eingeben um den Überwachungsport zu ändern, da der Standardport 3000 ist vergeben ist und schon etwas darauf läuft.

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

http://server-ip:3000 
or 
http://localhost:3000

In meinem Fall lasse ich die App einen anderen Port als den Standardport auswählen.

Es war 3001 wie gezeigt

Schlussfolgerung

Dies zeigt, dass die Standardeinstellung Reagieren App läuft. In dieser Anleitung haben wir React JS erfolgreich installiert und eine Anwendung in React erstellt .