U sljedećem članku ćemo pogledati kako možemo stvoriti svoju prvu aplikaciju sa ReactJS na Ubuntu 20.04 pomoću Create React App. ReactJS je JavaScript biblioteka otvorenog koda koja se koristi za stvaranje korisničkog sučelja, a održavaju je Facebook i zajednica programera. ReactJS se može koristiti u razvoju web aplikacija ili mobilnih aplikacija.
In React, poznat i kao ReactJS, podaci se obrađuju u DOM-u. Za pokretanje aplikacije React potrebne su dodatne biblioteke za usmjeravanje i upravljanje stanjem. Neki od primjera ovih biblioteka su Redux y Reagiraj usmjerivač.
Instaliranje React-a na Ubuntu 20.04
Da bismo instalirali React na naš sistem, prvo moramo znati što je npm i razumjeti zašto su nam potrebni. Npm je kratica za Node Package Manager, i to je najveći svjetski registar softvera otvorenog koda. Sadrži više od 800.000 paketnih paketa. Npm je besplatan za upotrebu i bilo koji javni softver može se preuzeti i koristiti bez registracije ili prijave.
Npm je alat za upravljanje ovisnostima za javascript aplikacije, koji pomaže u instaliranju svih biblioteka i ostalih alata za podršku razvoju JS aplikacija.
Instalirajte npm
para instalirajte nodejs, koji uključuje npm, morat ćemo samo otvoriti terminal (Ctrl + Alt + T) i izvršiti sljedeću naredbu:
sudo apt install nodejs
Nakon završetka instalacije npm-a, možemo provjerite svoju verziju i verziju čvora. To možemo učiniti naredbom:
npm -v
Instalirana verzija npm-a ovisi o datumu instalacije jer se ažuriranje često izvodi. Potrebno je osigurati da imamo instaliranu verziju veću od 5.
para provjerite instaliranu verziju čvora, naredba za upotrebu bit će:
node -v
Ako na vašem sistemu nije instalirana najnovija verzija npm-a, možete ažurirati Node Package Manager (npm) na najnoviju verziju izvođenje ove naredbe u terminalu:
sudo npm install -g npm@latest
Instalirajte aplikaciju create-response-app
Da bismo instalirali produktivno React okruženje, trebat ćemo konfigurirati alate kao što su babel, webpack, itd ... koji je složen za konfiguriranje za početnike u React svijetu. Ali možemo pronaći nekoliko alata koji će nam pomoći u konfiguraciji. Među njima ćemo naći create-response-app, što je najlakši alat za korištenje i konfiguriranje.
Create React App ugodno je okruženje za učenje React-a, i to je najbolji način da započnete izgradnju nove aplikacije za jednu stranicu koristeći React.
Create React App konfigurišite svoje razvojno okruženje tako da možete koristiti najnovije funkcije Javascripta, pružajući dobro razvojno iskustvo i optimizirajući vašu aplikaciju za produkciju. Kao što je naznačeno na njihovoj web lokaciji, na vašem računaru je potrebno instalirati Node> = 8.10 i npm> = 5.6.
Možemo instalirajte create-React-App pomoću npm. Da bismo to učinili, u terminalu (Ctrl + Alt + T) trebat ćemo izvršiti samo sljedeću instalacijsku naredbu:
sudo npm install -g create-react-app
Jednom kada je instalacija aplikacije create-response-app završena u našem sistemu, možemo provjerite instaliranu verziju izvođenjem sljedeće naredbe:
create-react-app --version
Izrada prve React aplikacije
Naša prva React aplikacija može se stvoriti jednostavnim korištenjem create-React-App. Morat ćemo upotrijebiti samo sljedeću naredbu:
create-react-app mi-primera-app
Gornja naredba će stvoriti React aplikaciju pod nazivom moja prva aplikacija. U isto vrijeme stvorit će se nova mapa s istim imenom aplikacije koja uključuje sve potrebne datoteke, konfiguracije i knjižnice.
Pokretanje aplikacije React
Jednom kada je reaktiran projekt, morat ćemo se premjestiti u direktorij projekta i pokrenuti aplikaciju React pomoću sljedeće naredbe u terminalu (Ctrl + Alt + T):
npm start
Naredba npm start pokrenite razvojni poslužitelj koji će izvesti cijeli proces gradnje.
Terminal će nam reći da moramo otvorite preglednik i učitajte aplikaciju koja će se prema zadanim postavkama izvoditi na URL-u http: // localhost: 3000. Kada se pregledač otvori, na ekranu ćemo vidjeti logotip React i tekstove.
Deinstalirajte create-response-app i npm
Korisnici možemo deinstalirati bilo koju biblioteku instaliranu iz npm-a pomoću naredbe npm uninstall. Pokrenite sljedeću naredbu u terminalu (Ctrl + Alt + T) da biste je deinstalirali kreiraj-reagiraj-aplikacija:
sudo npm uninstall -g create-react-app
Slično tome, možemo i mi deinstalirati npm koristeći ovu drugu naredbu u istom terminalu:
sudo apt remove nodejs
Više informacija o ovoj JavaScript biblioteci za kreiranje korisničkih sučelja može se naći u projektna dokumentacija.
Odličan sadržaj! Obrigado!