Nākamajā rakstā mēs to apskatīsim kā mēs varam izveidot savu pirmo lietojumprogrammu ar ReactJS Ubuntu 20.04, izmantojot Create React App. ReactJS ir atvērtā koda JavaScript bibliotēka, ko izmanto, lai izveidotu lietotāja saskarni, ko uztur Facebook un izstrādātāju kopiena. ReactJS var izmantot tīmekļa lietojumprogrammu vai mobilo lietojumprogrammu izstrādē.
Reakcijā pazīstams arī kā ReactJS, dati tiek apstrādāti DOM. Lai palaistu lietojumprogrammu React, ir nepieciešamas papildu bibliotēkas maršrutēšanai un stāvokļa pārvaldībai. Daži šo bibliotēku piemēri ir Redux y Reaģēt maršrutētāju.
React instalēšana Ubuntu 20.04
Lai instalētu React mūsu sistēmā, mums vispirms ir jāzina, kas ir npm, un jāsaprot, kāpēc tie mums ir vajadzīgi. Npm nozīmē Node Package Manager, un tas ir pasaulē lielākais atvērtā pirmkoda programmatūras reģistrs. Satur vairāk nekā 800.000 XNUMX kodu pakotņu. Npm ir bez maksas lietojama, un jebkuru publisku programmatūru var lejupielādēt un izmantot bez reģistrācijas vai pieteikšanās.
Npm ir atkarības pārvaldības rīks javascript lietojumprogrammām, kas palīdz instalēt visas bibliotēkas un citus rīkus, lai atbalstītu JS lietojumprogrammu attīstību.
Instalējiet npm
līdz instalējiet nodejs, kas ietver npm, mums būs jāatver tikai termināls (Ctrl + Alt + T) un jāizpilda šāda komanda:
sudo apt install nodejs
Pēc npm instalēšanas pabeigšanas mēs varam pārbaudiet savu un mezgla versiju. Mēs to varam izdarīt ar komandu:
npm -v
Instalētās npm versija ir atkarīga no instalēšanas datuma, jo atjaunināšana tiek veikta bieži. Ir jāpārliecinās, vai mums ir instalēta versija, kas ir augstāka par 5.
līdz pārbaudiet instalēto mezgla versiju, izmantojamā komanda būs:
node -v
Ja jūsu sistēmā nav instalēta jaunākā npm versija, jūs varat atjaunināt Node Package Manager (npm) uz jaunāko versiju palaižot šo komandu terminālā:
sudo npm install -g npm@latest
Instalējiet lietotni create-reaģēt
Lai instalētu produktīvu React vidi, mums būs jākonfigurē tādi rīki kā Babel, webpack utt., Ko ir sarežģīti konfigurēt iesācējiem React pasaulē. Bet mēs varam atrast vairākus rīkus, kas mums palīdzēs konfigurācijā. Starp tiem mēs atradīsim create-reaģēt-app, kas ir vienkāršākais rīks, ko izmantot un konfigurēt.
Izveidot React App ir ērta vide, lai iemācītos React, un tas ir labākais veids, kā sākt veidot jaunu vienas lapas lietotni, izmantojot React.
Izveidojiet lietotni React, lai konfigurētu izstrādes vidi lai jūs varētu izmantot jaunākās Javascript funkcijas, nodrošinot labu izstrādes pieredzi un optimizējot lietojumprogrammu ražošanai. Kā norādīts viņu vietnē, datorā ir jābūt instalētam mezglam> = 8.10 un npm> = 5.6.
Mēs varam instalējiet izveidot-reaģēt-lietotni, izmantojot npm. Lai to izdarītu, terminālā (Ctrl + Alt + T) mums būs jāizpilda tikai šāda instalēšanas komanda:
sudo npm install -g create-react-app
Kad mūsu sistēmā ir pabeigta lietojumprogrammas create-reag-app instalēšana, mēs varam to izdarīt pārbaudiet instalēto versiju izpildot šādu komandu:
create-react-app --version
Pirmās React lietojumprogrammas izveide
Mūsu pirmo lietotni React var izveidot, vienkārši izveidojot-reaģēt-lietotni. Mums būs jāizmanto tikai šāda komanda:
create-react-app mi-primera-app
Iepriekš minētā komanda izveidos nosaukumu React mana-pirmā-lietotne. Tajā pašā laikā tiks izveidota jauna mape ar tādu pašu lietojumprogrammas nosaukumu, kurā būs visi nepieciešamie faili, iestatījumi un bibliotēkas.
Darbojas lietotne React
Kad projekts React ir izveidots, mums būs jāpārvietojas uz projekta direktoriju un jāpalaiž React lietojumprogramma, izmantojot šādu komandu terminālā (Ctrl + Alt + T):
npm start
Komanda npm sākums startējiet izstrādes serveri, kas veiks visu veidošanas procesu.
Termināls mums pateiks, ka mums tas ir jādara atveriet pārlūkprogrammu un pēc noklusējuma ielādējiet lietojumprogrammu, kas darbosies vietnē URL: http: // localhost: 3000. Atverot pārlūku, ekrānā redzēsim React logotipu un tekstus.
Atinstalējiet create-reaģēt-app un npm
Lietotāji mēs varam atinstalēt jebkuru no npm instalēto bibliotēku, izmantojot komandu npm uninstall. Lai atinstalētu, izpildiet šo komandu terminālā (Ctrl + Alt + T) izveidot-reaģēt-lietotne:
sudo npm uninstall -g create-react-app
Līdzīgi mēs varam atinstalēt npm izmantojot šo citu komandu tajā pašā terminālā:
sudo apt remove nodejs
Plašāku informāciju par šo JavaScript bibliotēku, lai izveidotu lietotāja saskarnes, varat atrast projekta dokumentācija.
Izcils saturs! Obrigado!