Kitame straipsnyje mes pažvelgsime kaip mes galime sukurti savo pirmąją programą su „ReactJS“ „Ubuntu 20.04“ naudodami „Create React App“. „ReactJS“ yra atvirojo kodo „JavaScript“ biblioteka, naudojama vartotojo sąsajai kurti, kurią prižiūri „Facebook“ ir kūrėjų bendruomenė. „ReactJS“ gali būti naudojamas kuriant žiniatinklio ar mobiliąsias programas.
Reaguodamas taip pat žinomas kaip ReactJS, duomenys tvarkomi DOM. Norint paleisti „React“ programą, reikalingos papildomos bibliotekos, nukreipiančios ir būsenos valdymui. Keletas šių bibliotekų pavyzdžių yra Redux y „React Router“.
„React“ diegimas „Ubuntu 20.04“
Norėdami įdiegti „React“ į savo sistemą, pirmiausia turime žinoti, kas yra „npm“, ir suprasti, kodėl jie mums reikalingi. „Npm“ reiškia „Node Package Manager“, ir tai yra didžiausias pasaulyje atvirojo kodo programinės įrangos registras. Turi daugiau nei 800.000 XNUMX kodų paketų. „Npm“ galima naudoti nemokamai, o bet kokią viešąją programinę įrangą galima atsisiųsti ir naudoti be registracijos ar prisijungimo.
Npm yra „Javascript“ programų priklausomybės valdymo įrankis, kuris padeda įdiegti visas bibliotekas ir kitas JS programų kūrimo palaikymo priemones.
Įdiekite npm
į įdiekite „nodejs“, kuris apima ir „npm“, turėsime atidaryti tik terminalą („Ctrl“ + „Alt“ + T) ir vykdyti šią komandą:
sudo apt install nodejs
Baigę įdiegti npm, galime patikrinkite savo ir mazgo versiją. Tai galime padaryti naudodami komandą:
npm -v
Įdiegtos npm versija priklauso nuo diegimo datos, nes atnaujinimas atliekamas dažnai. Būtina įsitikinti, kad įdiegta aukštesnė nei 5 versija.
į patikrinkite įdiegtą mazgo versiją, komanda bus naudojama:
node -v
Jei jūsų sistemoje nėra įdiegta naujausios versijos „npm“, galite atnaujinti „Node Package Manager“ (npm) į naujausią versiją paleisti šią komandą terminale:
sudo npm install -g npm@latest
Įdiekite „create-reago“ programą
Norėdami įdiegti produktyvią „React“ aplinką, turėsime sukonfigūruoti tokius įrankius kaip „babel“, „webpack“ ir kt., Kuriuos sudėtinga konfigūruoti pradedantiesiems „React“ pasaulyje. Bet mes galime rasti keletą įrankių, kurie padės mums konfigūruoti. Tarp jų rasime sukurti-reaguoti-programą, kurią lengviausia naudoti ir konfigūruoti.
„Create React“ programa yra patogi aplinka, norint išmokti „React“ir tai yra geriausias būdas pradėti kurti naują vieno puslapio programą naudojant „React“.
Sukurkite „React“ programą sukonfigūruokite savo kūrimo aplinką kad galėtumėte naudoti naujausias „Javascript“ funkcijas, suteikdami gerą kūrimo patirtį ir optimizuodami savo programą gamybai. Kaip nurodyta jų svetainėje, jūsų kompiuteryje būtina įdiegti mazgą> = 8.10 ir npm> = 5.6.
Mes galime įdiekite „create-react-app“ naudodami „npm“. Norėdami tai padaryti, terminale („Ctrl“ + „Alt“ + T) mums teks vykdyti tik šią diegimo komandą:
sudo npm install -g create-react-app
Baigę diegti programą „reaguok-programa“, mes galime tai padaryti patikrinkite įdiegtą versiją vykdydami šią komandą:
create-react-app --version
Pirmosios „React“ programos kūrimas
Pirmąją mūsų „React“ programą galima sukurti tiesiog naudojant „create-reago-app“. Turėsime naudoti tik šią komandą:
create-react-app mi-primera-app
Pirmiau nurodyta komanda sukurs „React“ programą, vadinamą mano pirmoji programa. Tuo pačiu metu bus sukurtas naujas aplankas tuo pačiu pavadinimu kaip ir programa, kurioje yra visi reikalingi failai, nustatymai ir bibliotekos.
Vykdoma „React“ programa
Sukūrus „React“ projektą, turėsime pereiti į projekto katalogą ir paleisti „React“ programą naudodami šią komandą terminale („Ctrl“ + „Alt“ + T):
npm start
Įsakymas npm pradžia paleiskite kūrimo serverį, kuris atliks visą kūrimo procesą.
Terminalas mums pasakys, kad privalome atidarykite naršyklę ir pagal numatytuosius nustatymus įkelkite programą, kuri veiks URL: http: // localhost: 3000. Kai atsidarys naršyklė, ekrane pamatysime „React“ logotipą ir tekstus.
Pašalinkite „create-react-app“ ir „npm“
Vartotojai bet kurią biblioteką, įdiegtą iš npm, galime pašalinti naudodami komandą npm uninstall. Paleiskite šią komandą terminale (Ctrl + Alt + T), kad pašalintumėte sukurti-reaguoti-programą:
sudo npm uninstall -g create-react-app
Panašiai galime ir mes pašalinti npm naudojant šią kitą komandą tame pačiame terminale:
sudo apt remove nodejs
Daugiau informacijos apie šią „JavaScript“ biblioteką, skirtą kurti vartotojo sąsajas, galite rasti projekto dokumentacija.
Puikus turinys! Obrigadas!