U sljedećem ćemo članku pogledati kako možemo stvoriti svoju prvu aplikaciju s ReactJS-om 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.
U Reactu, poznat i kao ReactJS, podaci se obrađuju u DOM-u. Za pokretanje aplikacije React potrebne su dodatne knjižnice za usmjeravanje i upravljanje stanjem. Neki primjeri tih knjižnica su Redux y Reakcijski usmjerivač.
Instaliranje React-a na Ubuntu 20.04
Da bismo instalirali React na naš sustav, 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 XNUMX paketnih kodova. 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 instalirati sve knjižnice i druge alate za potporu razvoju JS aplikacija.
Instalirajte npm
u 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.
u provjerite instaliranu verziju čvora, naredba za uporabu bit će:
node -v
Ako na vašem sustavu 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 create-response-app
Da bismo instalirali produktivno React okruženje, morat ć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 najjednostavniji alat za korištenje i konfiguriranje.
Create React App ugodno je okruženje za učenje React-a, a to je najbolji način za početak izrade nove aplikacije za jednu stranicu pomoću React-a.
Create React App konfigurirajte svoje razvojno okruženje tako da možete koristiti najnovije značajke Javascripta, pružajući dobro razvojno iskustvo i optimizirajući vašu aplikaciju za produkciju. Kao što je naznačeno na njihovoj web stranici, na vašem stroju je potrebno instalirati Node> = 8.10 i npm> = 5.6.
Možemo instalirati create-React-app pomoću npm. Da bismo to učinili, u terminalu (Ctrl + Alt + T) trebat ćemo izvršiti samo sljedeću naredbu za instalaciju:
sudo npm install -g create-react-app
Jednom kada je instalacija aplikacije create-response-app završena u našem sustavu, možemo provjerite instaliranu verziju izvođenjem sljedeće naredbe:
create-react-app --version
Izrada prve React aplikacije
Naša prva aplikacija React može se stvoriti jednostavnim korištenjem aplikacije create-response-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 kao i aplikacija koja uključuje sve potrebne datoteke, postavke 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 početak pokrenite razvojni poslužitelj koji će izvoditi cijeli postupak 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. Kad se preglednik otvori, na zaslonu ćemo vidjeti logotip React i tekstove.
Deinstalirajte create-response-app i npm
Korisnici možemo deinstalirati bilo koju biblioteku instaliranu s npm pomoću naredbe npm uninstall. Pokrenite sljedeću naredbu u terminalu (Ctrl + Alt + T) da biste je deinstalirali stvoriti reagirati putem aplikacije:
sudo npm uninstall -g create-react-app
Slično tome možemo deinstalirati npm koristeći ovu drugu naredbu u istom terminalu:
sudo apt remove nodejs
Više informacija o ovoj JavaScript knjižnici za stvaranje korisničkih sučelja možete pronaći u projektna dokumentacija.
Izvrstan sadržaj! Obrigado!