Maqaalka soo socda waxaan ku eegeynaa sida aan ugu abuuri karno codsigeenna koowaad ReactJS on Ubuntu 20.04 adoo adeegsanaya Abuur React App. ReactJS waa maktabad furan oo JavaScript ah oo loo isticmaalo in lagu abuuro isdhexgalka isticmaalaha, oo ay ilaaliyaan Facebook iyo bulshada wax soo saarta. ReactJS waxaa loo isticmaali karaa horumarinta barnaamijyada websaydhka ama barnaamijyada moobiilka.
Ka falcelinta, sidoo kale loo yaqaan ReactJS, xogta waxaa lagu farsameeyaa DOM. Maktabado dheeri ah oo loogu talagalay socodka iyo maareynta gobolka ayaa looga baahan yahay inay ku shaqeeyaan arjiga 'React application'. Tusaalooyinka qaarkood ee maktabadahaani waa Dhimis y Ka jawaab router.
Ku rakibida 'React' Ubuntu 20.04
Si loo rakibo 'React' nidaamkayaga, waa inaan marka hore ogaano waxa npm yahay iyo inaan fahanno sababta aan ugu baahan nahay. Npm waxay u taagan tahay Maareeyaha Xidhmada Node, waana diiwaangelinta softiweerka ugu weyn adduunka ee furan. Waxay ka koobantahay in kabadan 800.000 baakado koodh ah. Npm waa bilaash in la isticmaalo oo barnaamij kasta oo bulshada ah waa la soo dejisan karaa lana isticmaali karaa iyada oo aan la diiwaan gelin ama la soo galin.
Npm waa aalad maareynta ku tiirsanaanta codsiyada javascript, kaas oo ka caawiya rakibida dhammaan maktabadaha iyo qalab kale oo lagu taageerayo horumarinta codsiyada JS.
Ku rakib npm
para rakibi nodejs, oo ay ku jiraan npm, waxaan kaliya u baahanahay inaanu furno terminal (Ctrl + Alt + T) oo aan fulino amarka soo socda:
sudo apt install nodejs
Ka dib markaan dhammeyno rakibidda npm, waan awoodnaa hubi noocaaga iyo kan barta. Waxaan tan ku sameyn karnaa amarka:
npm -v
Nooca npm la rakibay waxay kuxirantahay taariikhda rakibida, maadaama cusbooneysiinta si joogto ah loo sameeyo. Waa lagama maarmaan inaan hubinno inaan rakibnay nooc ka sarreeya 5.
para hubi nooca la rakibay ee node, amarka la adeegsanayo wuxuu noqon doonaa:
node -v
Haddii aadan haysan nooca ugu dambeeya ee npm lagu rakibay nidaamkaaga, waad u cusbooneysiin kartaa Maareeyaha Xidhmada Node (npm) nooca ugu dambeeyay ku socodsiinaya amarkan terminal:
sudo npm install -g npm@latest
Ku rakib app-abuur-fal-celin
Si loo rakibo jawi wax ku ool ah oo waxtar leh, waxaan u baahan doonnaa inaan qaabeyno aaladaha sida babel, webpack, iwm ... taas oo ah mid aad u adag in loo habeeyo bilowga adduunka React. Laakiin waxaan heli karnaa dhowr qalab oo naga caawin doona qaabeynta. Iyaga dhexdooda waxaan ka heli doonnaa Abuur-jawaab-celin, taas oo ah aaladda ugu fudud ee la isticmaali karo loona qaabeyn karo.
Abuur React App waa jawi raaxo leh oo lagu barto React, waana habka ugu wanaagsan ee lagu bilaabi karo dhismaha barnaamij cusub oo hal bog ah adoo adeegsanaya React.
Abuur React App u qaabee jawigaaga horumarka si aad u adeegsan karto astaamaha Javascript ee ugu dambeeyay, adoo siinaya khibrad horumarineed oo wanaagsan, iyo hagaajinta dalabkaaga wax soo saar. Sida ku cad boggooda internetka, waxaa lagama maarmaan ah in lagu rakibo Node> = 8.10 iyo npm> = 5.6 mashiinkaaga.
Waan awoodnaa ku rakib abuuro-fal-abka adoo adeegsanaya npm. Si tan loo sameeyo, boosteejada (Ctrl + Alt + T) waxaan kaliya u baahan doonaa inaan fulino amarka rakibidda soo socda:
sudo npm install -g create-react-app
Marka rakibaadda barnaamijka abuurka-fal-ku-xirnaanta lagu dhammeeyo nidaamkeena, waan awoodnaa hubi nooca la rakibey socda amarka soo socda:
create-react-app --version
Abuuritaanka codsigii ugu horreeyay ee 'React'
Barnaamijkeena ugu horreeya ee falcelinta waxaa lagu abuuri karaa si fudud iyadoo la adeegsanayo abuur-fal-celin-app. Waxaan kaliya u isticmaali doonnaa amarka soo socda:
create-react-app mi-primera-app
Amarka kor ku xusan wuxuu abuurayaa codsi ficil ah oo loo yaqaan my-koowaad-app. Isla markaana fayl cusub oo isla magaca codsiga ah ayaa la abuuri doonaa oo ay ku jiraan dhammaan faylasha lagama maarmaanka ah, dejinta iyo maktabadaha.
Socodka barnaamijka 'React'
Marka mashruuca React la abuuro, waa inaan u dhaqaaqno galka mashruuca oo aan socodsiino arjiga 'React application' adoo adeegsanaya amarka soo socda boosteejada (Ctrl + Alt + T):
npm start
Amarka npm bilaabid bilow server-ka horumarinta oo fulin doona dhammaan geeddi-socodka dhismaha.
Terminalku wuxuu noo sheegi doonaa inay tahay inaan fur biraawsarka oo xulo arjiga ku shaqeyn doona URL-ka http: // localhost: 3000 asal ahaan. Marka biraawsarku furmo, waxaan arki doonnaa calaamadda 'React logo' iyo qoraallada shaashadda ka muuqda.
Ka tirtir barnaamijka abuur-fal-celinta iyo npm
Isticmaalayaasha waan tirtiri karnaa maktabad kasta oo lagu rakibo npm iyadoo la adeegsanayo amarka tirtirida npm. Ku orod amarka soo socda terminal (Ctrl + Alt + T) si aad u tirtirto abuur-falcelin-app:
sudo npm uninstall -g create-react-app
Sidoo kale, waan awoodnaa ka fogee npm adoo adeegsanaya amarkan kale isla isla terminalka:
sudo apt remove nodejs
Macluumaad dheeraad ah oo ku saabsan maktabaddan JavaScript ee abuurista isdhexgalka isticmaalaha ayaa laga heli karaa dukumintiyada mashruuca.
Mawduuc aad u fiican! Obrigado!