Einleitung:
React ist eine sehr leistungsfähige Front-End-Bibliothek von JavaScript, die verwendet werden kann, um Benutzeroberflächen und zugehörige Komponenten zu definieren. Es ist eine Open-Source-Bibliothek, die von Facebook gepflegt wird. Der heutige Artikel wird Ihnen beibringen, wie Sie ReactJS auf Ihrem Ubuntu 20.04-System installieren.
Methode zur Installation von ReactJS auf Ihrem Ubuntu 20.04-System:
Um ReactJS zu installieren und die entsprechenden Anwendungen auf Ihrem Ubuntu 20.04-System auszuführen, müssen Sie die folgenden Schritte ausführen:
Schritt Nr. 1:Fügen Sie das relevante PPA-Repository zu Ihrem Ubuntu 20.04-System hinzu:
Sie müssen das NodeJS PPA-Repository zu Ihrem Ubuntu 20.04-System hinzufügen, da eine ReactJS-Anwendung nur dann auf Ihrem System ausgeführt werden kann, wenn NodeJS auf Ihrem System installiert ist. Das genannte Repository kann mit dem folgenden Befehl hinzugefügt werden:
$ curl –sL https://deb.nodesource.com/setup_14.x | sudo bash -
Das erfolgreiche Hinzufügen des besagten Repositorys zu Ihrem Ubuntu 20.04-System wird die im Bild unten gezeigten Meldungen auf dem Terminal ausgeben:
Schritt Nr. 2:Installieren Sie NodeJS auf Ihrem Ubuntu 20.04-System:
Danach können Sie NodeJS mit dem folgenden Befehl auf Ihrem Ubuntu 20.04-System installieren:
$ sudo apt install nodejs –y
Sobald NodeJS auf Ihrem Ubuntu 20.04-System installiert wurde, erhalten Sie die im folgenden Bild gezeigten Erfolgsmeldungen:
Schritt Nr. 3:Überprüfen Sie die installierte Version von NodeJS auf Ihrem Ubuntu 20.04-System:
Sie können die erfolgreiche Installation von NodeJS auf Ihrem Ubuntu 20.04-System überprüfen, indem Sie seine Version mit dem folgenden Befehl überprüfen:
$ node –v
Die Version von NodeJS, die auf unserem Ubuntu 20.04-System installiert ist, ist 10.19.0, wie im folgenden Bild gezeigt:
Schritt Nr. 4:Installieren Sie Yarn auf Ihrem Ubuntu 20.04-System:
Jetzt müssen Sie Yarn mit dem folgenden Befehl auf Ihrem Ubuntu 20.04-System installieren:
$ sudo npm install –g yarn
Mit der erfolgreichen Installation von Yarn auf Ihrem Ubuntu 20.04-System erhalten Sie die im folgenden Bild gezeigten Meldungen auf dem Terminal:
Schritt Nr. 5:Erstellen Sie Ihre erste ReactJS-Anwendung auf Ubuntu 20.04:
Sie können jetzt Ihre erste ReactJS-Anwendung auf Ubuntu 20.04 mit dem folgenden Befehl erstellen:
$ sudo npm init react-app myfirstreactapp
Alternativ können Sie auch mit dem folgenden Befehl eine ReactJS-Anwendung erstellen:
$ yarn create react-app myfirstreactapp
Die erfolgreiche Erstellung einer ReactJS-Anwendung dauert einige Minuten, wie im folgenden Bild gezeigt:
Schritt Nr. 6:Navigieren Sie zu Ihrem ReactJS-Projektverzeichnis:
Nachdem Sie Ihre ReactJS-Anwendung erfolgreich erstellt haben, müssen Sie mit dem folgenden Befehl in ihr Projektverzeichnis wechseln:
$ cd myfirstreactapp
Schritt Nr. 7:Starten Sie Ihre ReactJS-Anwendung in Ubuntu 20.04:
Jetzt müssen Sie Ihre ReactJS-Anwendung mit dem unten gezeigten Befehl starten:
$ npm start
Es dauert einige Zeit, bis der Entwicklungsserver gestartet wird, wie in der folgenden Abbildung gezeigt:
Sie können Ihre ReactJS-Anwendung in Ihrem Standard-Webbrowser anzeigen, indem Sie Ihre Localhost-Adresse gefolgt von der Portnummer „:3000“ eingeben, wie im folgenden Bild gezeigt:
Schlussfolgerung:
In diesem Handbuch haben wir Ihnen die korrekte Methode zur Verwendung von ReactJS auf einem Ubuntu 20.04-System beigebracht, indem Sie NodeJS und die erforderlichen Abhängigkeiten davon installieren. Schließlich haben wir Ihnen die Verwendung von ReactJS demonstriert, indem wir eine Beispielanwendung erstellt haben.