Kako instalirati ReactJS na Ubuntu

Razvio ga je Facebook 2011., React (poznat i kao ReactJS) je Javascript biblioteka koja se koristi za stvaranje brzih i interaktivnih korisničkih sučelja. U vrijeme pisanja, to je najpopularnija Javascript biblioteka za razvoj korisničkih sučelja. React nadmašuje svoje kolege – Angular i Vue JS u smislu funkcionalnosti i popularnosti.

Njegova popularnost proizlazi iz njegove fleksibilnosti i jednostavnosti i to ga čini prvim izborom u razvoju mobilnih 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 samo neke.

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

Korak 1: Instaliranje NPM-a u Ubuntu

Instalaciju React JS-a započinjemo instaliranjem npm – skraćenica za node package manager, dvije su stvari. Prvo, to je alat naredbenog retka koji se koristi za interakciju s Javascript paketima, koji korisnicima omogućuje instaliranje, ažuriranje i upravljanje Javascript alatima i bibliotekama.

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

Da biste instalirali npm na Ubuntu Linux, prijavite se na svoj poslužitelj kao sudo korisnik i pozovite naredbu ispod:

sudo apt install npm

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

npm --version

6.14.4  [Output]

Najnovija verzija u vrijeme pisanja ovoga je v6.14.4 kao što je prikazano u izlazu.

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

node --version

v10.16.0  [Output]

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

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

Da biste instalirali alat, pokrenite sljedeću naredbu npm:

sudo npm -g install create-react-app

Nakon instaliranja, možete potvrditi instaliranu verziju pokretanjem:

create-react-app --version

4.0.1  [Output]

Korak 3: Stvorite i pokrenite svoju prvu React aplikaciju

Izrada React aplikacije prilično je jednostavna i izravna. Napravit ćemo reakcijsku aplikaciju pod nazivom tecmint-app kako slijedi.

create-react-app tecmint-app

Potrebno je otprilike 5 minuta da se instaliraju svi paketi, biblioteke i alati potrebni za aplikaciju. Malo strpljenja će vam dobro doći.

Ako je izrada aplikacije bila uspješna, dobit ćete obavijest u nastavku s osnovnim naredbama koje možete pokrenuti za početak upravljanja aplikacijom.

Za pokretanje aplikacije idite u direktorij aplikacije

cd tecmint-app

Zatim pokrenite naredbu:

npm start

Na kraju ćete dobiti ispis ispod koji vam pokazuje kako pristupiti aplikaciji u pregledniku.

Pokrenite preglednik i pregledajte IP adresu svog poslužitelja

http://server-ip:3000

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