So installieren Sie ReactJS auf Ubuntu 20.04 LTS

In diesem Tutorial zeigen wir Ihnen, wie Sie ReactJS auf Ubuntu 20.04 LTS installieren. Für diejenigen unter Ihnen, die es nicht wussten, React ist eine Open-Source-JavaScript-Bibliothek zum Erstellen von Web-Frontends und UI-Komponenten. Es wird von Facebook und einer großen Community von Entwicklern entwickelt und gepflegt. ReactJS kann bei der Entwicklung von Webanwendungen oder mobilen Apps verwendet werden.

Dieser Artikel geht davon aus, dass Sie zumindest über Grundkenntnisse in Linux verfügen, wissen, wie man die Shell verwendet, und vor allem, dass Sie Ihre Website auf Ihrem eigenen VPS hosten. Die Installation ist recht einfach und setzt Sie voraus im Root-Konto ausgeführt werden, wenn nicht, müssen Sie möglicherweise 'sudo hinzufügen ‘ zu den Befehlen, um Root-Rechte zu erhalten. Ich zeige Ihnen Schritt für Schritt die Installation des ReactJS auf Ubuntu 20.04 (Focal Fossa). Sie können denselben Anweisungen für Ubuntu 18.04, 16.04 und jede andere Debian-basierte Distribution wie Linux Mint folgen.

Voraussetzungen

• Ein Server, auf dem eines der folgenden Betriebssysteme ausgeführt wird:Ubuntu 20.04, 18.04 und jede andere Debian-basierte Distribution wie Linux Mint oder elementares Betriebssystem.
• Es wird empfohlen, dass Sie eine neue Betriebssysteminstallation verwenden, um potenziellen Problemen vorzubeugen.
• Ein Nicht-Root-Sudo-Benutzer oder Zugriff auf den Root-Benutzer . Wir empfehlen, als Nicht-Root-Sudo-Benutzer zu agieren , da Sie Ihr System beschädigen können, wenn Sie als Root nicht aufpassen.

Installieren Sie ReactJS auf Ubuntu 20.04 LTS Focal Fossa

Schritt 1. Stellen Sie zunächst sicher, dass alle Ihre Systempakete auf dem neuesten Stand sind, indem Sie den folgenden apt ausführen Befehle im Terminal.

sudo apt update
sudo apt upgrade

Schritt 2. Installation von Node.js.

Jetzt fügen wir das Node.js-PPA zu Ihrem Ubuntu-System hinzu:

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Führen Sie als Nächstes den folgenden Befehl aus, um Node.js zu installieren:

sudo apt install nodejs

Sie können den Yarn-Paketmanager auch auf Ihrem Ubuntu-System installieren:

npm install -g yarn

Schritt 3. Erstellen Sie eine neue React.js-App.

Sie können eine React.js-Anwendung mit einem der folgenden Befehle erstellen:

yarn create react-app myreactapp

Bei erfolgreicher Anwendungserstellung sehen Sie ein langes Ergebnis auf dem Bildschirm:

Success! Created reactproject at /opt/reactproject
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactproject
  npm start

Sobald Sie Ihre React-Anwendung erstellt haben. Dadurch wird im aktuellen Verzeichnis ein Ordner mit dem Projektnamen erstellt. Wechseln Sie zu diesem Projekt und führen Sie yarn start Anwendung starten:

cd myreactapp
yarn start

Compiled successfully!

You can now view myreactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use yarn build.