Kako instalirati ReactJS na Ubuntu

React (koji se naziva i ReactJS) je Javascript biblioteka koja se koristi za kreiranje brzih i interaktivnih korisničkih interfejsa, koju je razvio Facebook 2011. godine. U vrijeme pisanja, to je najpopularnija Javascript biblioteka za razvoj korisničkih interfejsa. React nadmašuje svoje kolege – Angular i Vue JS u smislu funkcionalnosti i popularnosti.

Njegova popularnost proizlazi iz njegove fleksibilnosti i jednostavnosti, što ga čini prvim izborom u razvoju mobilnih aplikacija i web aplikacija. Više od 90.000 stranica koristi React uključujući tehnološke divove kao što su Facebook, Netflix, Instagram >, Airbnb i Twitter da nabrojimo neke.

U ovom članku ćete naučiti kako instalirati ReactJS na Ubuntu 20.04 i Ubuntu 18.04.

Korak 1: Instaliranje NPM-a u Ubuntu

Započinjemo instalaciju React JS instalacijom npm – skraćenica za menadžer paketa čvorova, dvije su stvari. Prvo, to je alat komandne linije koji se koristi za interakciju sa Javascript paketima, koji omogućava korisnicima da instaliraju, ažuriraju i upravljaju Javascript alatima i bibliotekama.

Drugo, npm je softverski registar otvorenog koda na mreži koji ugošćuje preko 800.000 Node.JS paketa. Npm je besplatan i možete lako preuzeti softverske aplikacije koje su javno dostupne.

Da instalirate npm na Ubuntu Linux, prijavite se na svoj server kao sudo korisnik i pozovite naredbu ispod:

sudo apt install npm

Kada se instalacija završi, možete provjeriti instaliranu verziju npm pomoću naredbe:

npm --version

6.14.4  [Output]

Najnovija verzija u vrijeme pisanja ovog teksta je v6.14.4 kako je prikazano u izlazu.

Instalacija npm također instalira node.js i možete potvrditi verziju node instaliranog pomoću naredbe:

node --version

v10.16.0  [Output]

Korak 2: Instaliranje uslužnog programa create-react-app

create-react-app je uslužni program koji vam omogućava da postavite sve alate potrebne za kreiranje React aplikacije. Štedi vam mnogo vremena i energije postavljajući sve od nule i daje vam potrebnu prednost.

Da instalirate alat, pokrenite sljedeću naredbu npm:

sudo npm -g install create-react-app

Nakon instalacije, možete potvrditi verziju instalirane tako što ćete pokrenuti:

create-react-app --version

4.0.1  [Output]

Korak 3: Kreirajte i pokrenite svoju prvu React aplikaciju

Kreiranje React aplikacije je prilično jednostavno i jednostavno. Kreiraćemo react aplikaciju pod nazivom tecmint-app kako slijedi.

create-react-app tecmint-app

Ovo traje otprilike 5 minuta da se instaliraju svi paketi, biblioteke i alati potrebni aplikaciji. Malo strpljenja će nam dobro doći.

Ako je kreiranje aplikacije bilo uspješno, dobit ćete donje obavještenje s osnovnim komandama koje možete pokrenuti da biste započeli s upravljanjem aplikacijom.

Da pokrenete aplikaciju, idite u direktorij app

cd tecmint-app

Zatim pokrenite naredbu:

npm start

Na kraju ćete dobiti donji izlaz koji vam pokazuje kako da pristupite aplikaciji u pretraživaču.

Pokrenite pretraživač i pregledajte IP adresu vašeg servera

http://server-ip:3000

Ovo pokazuje da je zadana aplikacija React pokrenuta i radi. U ovom vodiču smo uspješno instalirali React JS i kreirali aplikaciju u Reactu.