Sådan installeres ReactJS på Ubuntu

React (også kaldet ReactJS) blev udviklet af Facebook i 2011 og er et Javascript-bibliotek, der bruges til at skabe hurtige og interaktive brugergrænseflader. I skrivende stund er det det mest populære Javascript-bibliotek til udvikling af brugergrænseflader. React trounces sine kolleger - Angular og Vue JS med hensyn til funktionalitet og popularitet.

Dens popularitet stammer fra dens fleksibilitet og enkelhed, og det gør det til det første valg i udviklingen af mobilapps og webapplikationer. Mere end 90.000 sider bruger React inklusive tech-giganter som Facebook, Netflix, Instagram, Airbnb og Twitter for at liste nogle få.

I denne artikel lærer du, hvordan du installerer ReactJS på Ubuntu 20.04 og Ubuntu 18.04.

Trin 1: Installation af NPM i Ubuntu

Vi begynder installationen af React JS ved at installere npm - kort for node-pakkehåndtering, er to ting. For det første er det et kommandolinjeværktøj, der bruges til at interagere med Javascript-pakker, som giver brugerne mulighed for at installere, opdatere og administrere Javascript-værktøjer og biblioteker.

For det andet er npm en online open source-software-registreringsdatabase, der er vært for over 800.000 Node.JS-pakker. Npm er gratis, og du kan nemt downloade softwareapplikationer, der er offentligt tilgængelige.

For at installere npm på Ubuntu Linux skal du logge ind på din server som en sudo-bruger og påkalde kommandoen nedenfor:

$ sudo apt install npm

Når installationen er afsluttet, kan du kontrollere versionen af npm installeret ved hjælp af kommandoen:

$ npm --version

6.14.4  [Output]

Den seneste version i skrivende stund er v6.14.4 som fanget i output.

Installationen af npm installerer også node.js, og du kan bekræfte versionen af node installeret ved hjælp af kommandoen:

$ node --version

v10.16.0  [Output]

Trin 2: Installation af create-react-app Utility

create-react-app er et værktøj, der giver dig mulighed for at konfigurere alle de nødvendige værktøjer til at oprette en React-applikation. Det sparer dig meget tid og energi ved at sætte alt fra bunden og giver dig den nødvendige start.

For at installere værktøjet skal du køre følgende npm-kommando:

$ sudo npm -g install create-react-app

Når du er installeret, kan du bekræfte versionen af installeret ved at køre:

$ create-react-app --version

4.0.1  [Output]

Trin 3: Opret og start din første React-applikation

Oprettelse af en React-applikation er ret enkel og ligetil. Vi skal oprette en reageringsapp kaldet tecmint-app som følger.

$ create-react-app tecmint-app

Dette tager cirka 5 minutter at installere alle de pakker, biblioteker og værktøjer, som applikationen har brug for. Noget tålmodighed vil være nyttigt.

Hvis oprettelsen af applikationen var vellykket, får du meddelelsen nedenfor med de grundlæggende kommandoer, som du kan køre for at begynde at administrere applikationen.

For at køre applikationen skal du navigere ind i app-biblioteket

$ cd tecmint-app

Kør derefter kommandoen:

$ npm start

Du ender med at få output nedenfor, der viser dig, hvordan du får adgang til applikationen i browseren.

Start din browser, og gennemse serverens IP-adresse

http://server-ip:3000

Dette viser, at standard React-appen er i gang. I denne vejledning har vi installeret React JS med succes og oprettet en applikation i React.