React ist eine Javascript-Bibliothek, die zum Erstellen schneller interaktiver Benutzeroberflächen verwendet wird. React wurde 2011 von Facebook entwickelt und hat sich zur beliebtesten Javascript-Bibliothek für die Entwicklung von Web-Apps und mobilen Apps entwickelt.
Voraussetzungen
Bevor wir React installieren, brauchen wir zuerst ein paar Dinge.
- Ein Server mit Ubuntu 20.04 oder 18.04.
- Etwa 10 Minuten und eine Tasse Kaffee oder heißen Tee. Ich bevorzuge Vanilla Chai mit einem Schuss Vollmilch oder Mandel je nach Tagesstimmung.
Schritt 1 – NPM installieren
Zuerst müssen wir NPM (Mode Package Manager) installieren, ein Befehlszeilentool und eine Registrierung, die Tausende von Node.js-Paketen enthält.
Installieren Sie npm:
$ sudo apt install npm
Bam! Das war einfach. Npm ist installiert und jetzt können Sie die Version überprüfen mit:
$ npm --version
$ node --version ← Durch die Installation von npm wurde auch Node.js installiert, dies überprüft seine Version.
Schritt 2 – Create-React-App installieren
Jetzt müssen wir das Dienstprogramm create-react-app installieren, das Ihnen die Tools zur Verfügung stellt, die Sie zum Erstellen von React-Anwendungen benötigen.
$ sudo npm -g install create-react-app
Bestätigen Sie die Version:
$ create-react-app --version
Schritt 3 – Erstellen und starten Sie eine React-Anwendung
Nun zu den lustigen Sachen! Lassen Sie uns Ihre erste React-App erstellen. Der Prozess ist ziemlich einfach und Sie können eine Anwendung innerhalb weniger Minuten zum Laufen bringen.
So erstellen Sie die React-Anwendungseingabe:
$ create-react-app [app-name] ← Ersetzen Sie „[App-Name]“ durch was auch immer Sie möchten. Los, werde verrückt.
Das System beginnt mit der Installation aller erforderlichen Pakete und Tools, was einige Minuten dauern wird.
Nachdem die Anwendung erstellt wurde, wird Ihnen eine Liste mit Befehlen zur Verwaltung Ihrer Anwendung angezeigt.
Sie können diese Befehle jederzeit kopieren und in eine Textdatei auf Ihrem Desktop einfügen, um sie für später zu speichern. Mein Desktop ist mit zufälligen Linux-Notizen übersät!
Schritt 3 – Führen Sie Ihre neue Anwendung aus
Sie haben in unserem letzten Schritt Ihre schicke neue App erstellt, jetzt müssen wir die Anwendung ausführen. Navigieren Sie dazu zunächst in das Anwendungsverzeichnis:
$ cd [app-name] ← Ersetzen Sie erneut „[App-Name]“ durch Ihren gewählten Namen.
Geben Sie diesen Befehl aus:
$ npm start
Sie sollten eine Ausgabe sehen, die Ihnen die IPs und die Portnummer zeigt, um Ihre Anwendung anzuzeigen.
Öffnen Sie Ihren gewählten Webbrowser, hoffentlich nicht Microsoft Edge, und navigieren Sie zu:
http://ip-address:3000
Nachdem Sie zu Ihrer React-Installation navigiert sind, sollten Sie mit der React-Standardseite begrüßt werden. Herzliche Glückwünsche! Sie haben gerade React installiert und können sich jetzt nach Herzenslust entwickeln.