V naslednjem članku si bomo ogledali kako lahko z ReactJS ustvarimo svojo prvo aplikacijo v Ubuntu 20.04 z uporabo aplikacije React App. ReactJS je odprtokodna knjižnica JavaScript, ki se uporablja za ustvarjanje uporabniškega vmesnika in ga vzdržuje Facebook in skupnost razvijalcev. ReactJS se lahko uporablja pri razvoju spletnih ali mobilnih aplikacij.
V React, znan tudi kot ReactJS, podatki se obdelujejo v DOM-u. Za zagon aplikacije React so potrebne dodatne knjižnice za usmerjanje in upravljanje stanja. Nekaj primerov teh knjižnic je Redux y React usmerjevalnik.
Namestitev React-a na Ubuntu 20.04
Če želite React namestiti v naš sistem, moramo najprej vedeti, kaj je npm, in razumeti, zakaj jih potrebujemo. Npm pomeni Node Package Managerin je največji svetovni register odprtokodne programske opreme. Vsebuje več kot 800.000 paketov kod. Npm je brezplačen in vso javno programsko opremo je mogoče prenesti in uporabljati brez registracije ali prijave.
Npm je orodje za upravljanje odvisnosti za aplikacije javascript, ki pomaga namestiti vse knjižnice in druga orodja za podporo razvoju aplikacij JS.
Namestite npm
za namestite nodejs, ki vključuje npm, odprli bomo le terminal (Ctrl + Alt + T) in izvedli naslednji ukaz:
sudo apt install nodejs
Po končani namestitvi npm lahko preverite svojo različico in različico vozlišča. To lahko storimo z ukazom:
npm -v
Nameščena različica npm je odvisna od datuma namestitve, saj se posodobitev izvaja pogosto. Zagotoviti moramo, da imamo nameščeno različico, večjo od 5.
za preverite nameščeno različico vozlišča, ukaz za uporabo bo:
node -v
Če v vašem sistemu ni nameščena najnovejša različica npm, upravitelja paketov vozlišč (npm) lahko posodobite na najnovejšo različico zagon tega ukaza v terminalu:
sudo npm install -g npm@latest
Namestite aplikacijo create-response-app
Za namestitev produktivnega okolja React bomo morali konfigurirati orodja, kot so babel, webpack itd., Ki je zapleteno za konfiguriranje za začetnike v svetu React. Lahko pa najdemo več orodij, ki nam bodo pomagala pri konfiguraciji. Med njimi bomo našli create-response-app, ki je najlažje orodje za uporabo in konfiguriranje.
Ustvari React App je prijetno okolje za učenje React-a, in to je najboljši način, da začnete graditi novo enostransko aplikacijo z Reactom.
Create React App konfigurirajte svoje razvojno okolje tako da lahko uporabljate najnovejše funkcije Javascripta, ki zagotavljajo dobro razvojno izkušnjo in optimizirate aplikacijo za produkcijo. Kot je navedeno na njihovem spletnem mestu, je treba na vašem računalniku namestiti Node> = 8.10 in npm> = 5.6.
Lahko namestite create-response-app z uporabo npm. Če želite to narediti, bomo v terminalu (Ctrl + Alt + T) morali izvesti le naslednji namestitveni ukaz:
sudo npm install -g create-react-app
Ko je namestitev aplikacije create-response-app končana v našem sistemu, lahko preverite nameščeno različico zaženite naslednji ukaz:
create-react-app --version
Ustvarjanje prve aplikacije React
Našo prvo aplikacijo React lahko ustvarite preprosto z uporabo create-response-app. Uporabiti bomo morali le naslednji ukaz:
create-react-app mi-primera-app
Zgornji ukaz bo ustvaril aplikacijo React, imenovano moja prva aplikacija. Ob istem času ustvarjena bo nova mapa z istim imenom aplikacije, ki vključuje vse potrebne datoteke, konfiguracije in knjižnice.
Zagon aplikacije React
Ko je projekt React ustvarjen, po naslednjem ukazu se bomo morali premakniti v imenik projekta in zagnati aplikacijo React v terminalu (Ctrl + Alt + T):
npm start
Ukaz npm začetek zaženite razvojni strežnik, ki bo izvajal celoten postopek gradnje.
Terminal nam bo povedal, da moramo odprite brskalnik in naložite aplikacijo, ki bo privzeto delovala na URL-ju http: // localhost: 3000. Ko se brskalnik odpre, bomo na zaslonu videli logotip React in besedila.
Odstranite aplikacijo create-response-app in npm
Uporabniki z ukazom za odstranitev npm lahko odstranimo katero koli knjižnico, nameščeno iz npm. Zaženite naslednji ukaz v terminalu (Ctrl + Alt + T) za odstranitev ustvari-reagiraj-app:
sudo npm uninstall -g create-react-app
Podobno lahko tudi mi odstranite npm z uporabo tega drugega ukaza v istem terminalu:
sudo apt remove nodejs
Več informacij o tej knjižnici JavaScript za ustvarjanje uporabniških vmesnikov najdete v projektna dokumentacija.
Odlična vsebina! Obrigado!