Hoe ReactJS op Ubuntu te installeren

React (ook wel ReactJS genoemd) is in 2011 ontwikkeld door Facebook en is een Javascript-bibliotheek die wordt gebruikt voor het creëren van snelle en interactieve gebruikersinterfaces. Op het moment van schrijven is dit de populairste Javascript-bibliotheek voor het ontwikkelen van gebruikersinterfaces. React verslaat zijn tegenhangers – Angular en Vue JS in termen van functionaliteit en populariteit.

De populariteit komt voort uit de flexibiliteit en eenvoud ervan en dit maakt het de eerste keuze bij de ontwikkeling van mobiele apps en webapplicaties. Meer dan 90.000 sites gebruiken React, waaronder technologiegiganten zoals Facebook, Netflix, Instagram >, Airbnb en Twitter om er een paar te noemen.

In dit artikel leert u hoe u ReactJS installeert op Ubuntu 20.04 en Ubuntu 18.04.

Stap 1: NPM installeren in Ubuntu

We beginnen de installatie van React JS door npm te installeren – een afkorting van de knooppuntpakketbeheerder. Dit zijn twee dingen. Ten eerste is het een opdrachtregelprogramma dat wordt gebruikt voor interactie met Javascript-pakketten, waarmee gebruikers Javascript-hulpmiddelen en -bibliotheken kunnen installeren, bijwerken en beheren.

Ten tweede is npm een online open-source softwareregister dat meer dan 800.000 Node.JS-pakketten host. Npm is gratis en u kunt eenvoudig softwareapplicaties downloaden die openbaar beschikbaar zijn.

Om npm op Ubuntu Linux te installeren, logt u in op uw server als sudo-gebruiker en voert u de onderstaande opdracht uit:

sudo apt install npm

Zodra de installatie is voltooid, kunt u de geïnstalleerde versie van npm verifiëren met behulp van de opdracht:

npm --version

6.14.4  [Output]

De nieuwste versie op het moment dat dit wordt geschreven is v6.14.4, zoals weergegeven in de uitvoer.

De installatie van npm installeert ook node.js en je kunt de geïnstalleerde versie van node bevestigen met de opdracht:

node --version

v10.16.0  [Output]

Stap 2: Create-react-app-hulpprogramma installeren

create-react-app is een hulpprogramma waarmee u alle tools kunt instellen die nodig zijn om een React-applicatie te maken. Het bespaart u veel tijd en energie als u alles helemaal opnieuw moet instellen en geeft u de benodigde voorsprong.

Om het hulpprogramma te installeren, voert u de volgende npm-opdracht uit:

sudo npm -g install create-react-app

Eenmaal geïnstalleerd, kunt u de geïnstalleerde versie bevestigen door het volgende uit te voeren:

create-react-app --version

4.0.1  [Output]

Stap 3: Maak en start uw eerste React-applicatie

Het maken van een React-applicatie is vrij eenvoudig en ongecompliceerd. We gaan als volgt een reactie-app maken met de naam tecmint-app.

create-react-app tecmint-app

Het duurt ongeveer 5 minuten om alle pakketten, bibliotheken en tools te installeren die nodig zijn voor de applicatie. Wat geduld zal van pas komen.

Als het maken van de applicatie succesvol is geweest, krijgt u de onderstaande melding met de basisopdrachten die u kunt uitvoeren om het beheer van de applicatie te starten.

Om de applicatie uit te voeren, navigeert u naar de map app

cd tecmint-app

Voer vervolgens de opdracht uit:

npm start

U krijgt uiteindelijk de onderstaande uitvoer die laat zien hoe u toegang krijgt tot de applicatie in de browser.

Start uw browser en blader door het IP-adres van uw server

http://server-ip:3000

Dit geeft aan dat de standaard React app actief is. In deze handleiding hebben we met succes React JS geïnstalleerd en een applicatie gemaakt in React.