Yenza i-React App, yenza isicelo sakho sokuqala ngeReact Ubuntu 20.04

Kwinqaku elilandelayo siza kujonga singasenza njani isicelo sethu sokuqala ngeReactJS kwi-Ubuntu 20.04 sisebenzisa i-React App. I-ReactJS yindawo evulekileyo yelayibrari yeJavaScript esetyenziselwa ukwenza ujongano lomsebenzisi, olugcinwa nguFacebook kunye noluntu lomphuhlisi. I-ReactJS inokusetyenziswa kuphuhliso lwezicelo zewebhu okanye usetyenziso lweselfowuni.

KwiReact, ikwabizwa ngokuba yiReactJS, idatha iqhutywa kwi-DOM. Amathala eencwadi ongezelelweyo okuhambisa kunye nolawulo lukarhulumente ayacelwa ukuba asebenzise isicelo seReact. Eminye imizekelo yala mathala eencwadi Redux y React umzila.

Ukufaka iReact kwi-Ubuntu 20.04

Ukufaka iReact kwinkqubo yethu, kufuneka kuqala sazi ukuba yintoni npm kwaye siqonde ukuba kutheni siyidinga. UNpm umele iNode Package Manager, kwaye yeyona rejista inkulu evulekileyo yesoftware. Iqulethe ngaphezulu kwe-800.000 yeephakheji zekhowudi. Npm simahla ukusebenzisa, kwaye nayiphi na isoftware yoluntu inokukhutshelwa kwaye isetyenziswe ngaphandle kokubhalisa okanye ukungena ngemvume.

Npm sisixhobo solawulo lokuxhomekeka kwizicelo zejavascript, enceda ukufaka onke amathala eencwadi kunye nezinye izixhobo zokuxhasa uphuhliso lwezicelo zeJS.

Faka npm

ukuba faka ii-nodejs, ezibandakanya npmKuya kufuneka sivule i-terminal kuphela (Ctrl + Alt + T) kwaye senze lo mthetho ulandelayo:

sudo apt install nodejs

Emva kokugqiba ukufakwa ngo -pm, sinako jonga ingxelo yakho kunye node. Singakwenza oku ngomyalelo:

npm -v

Uhlobo lwentsimbi efakiweyo luxhomekeke kumhla wokufakwa, njengoko uhlaziyo lwenziwa rhoqo. Kuyimfuneko ukuba siqiniseke ukuba siyifakile inguqulelo ephezulu kune-5.

ukuba jonga ingxelo efakiweyo ye-node, umthetho oza kuwusebenzisa uya kuba:

node -v

Ukuba awunayo inguqulelo yamvanje efakwe kwinkqubo yakho, ungahlaziya umphathi wePakeji yeNode (npm) kuhlobo lwamva nje ukuqhuba lo myalelo kwisiphelo sendlela:

sudo npm install -g npm@latest

Faka i-react-react-app

Ukufakela indawo enentsebenzo yeReact, kuyakufuneka ukuba siqwalasele izixhobo ezinje nge-babel, iphepha lewebhu, njl.njl. Enzima ukuyilungiselela abaqalayo kwihlabathi leReact. Kodwa sinokufumana izixhobo ezininzi ezinokusinceda kuqwalaselo. Phakathi kwazo siza kufumana yenza-usabele-usetyenziso, esisesona sixhobo silula sokusebenzisa kunye nokumisela.

Yenza iReact App yindawo efanelekileyo yokufunda iReact, kwaye yeyona ndlela ilungileyo yokuqala ukwakha usetyenziso lwephepha elinye usebenzisa iReact.

Yenza iApp ye-React uqwalasele imeko yophuhliso lwakho ukuze ukwazi ukusebenzisa amanqaku akutshanje eJavascript, ukubonelela ngamava ophuhliso, kunye nokwenza isicelo sakho sibe semveliso. Njengoko kubonisiwe kwiwebhusayithi yabo, kufuneka ukuba ube neNode> = 8.10 kunye npm> = 5.6 efakwe kumatshini wakho.

Sinako faka i-react-react-app usebenzisa npm. Ukwenza oku, kwisiphelo sendlela (Ctrl + Alt + T) siya kufuna kuphela ukwenza lo mthetho ulandelayo wokufaka:

sudo npm install -g create-react-app

Nje ukuba ukufakwa kwesicelo sokuyila-ukusabela-kugqityiwe kwinkqubo yethu, sinako jonga ingxelo efakiweyo ukwenza lo mthetho ulandelayo:

create-react-app --version

Ukwenza isicelo sokuqala seReact

Umsebenzi wethu wokuqala weReact unokwenziwa ngokulula usebenzisa i-reaction-app. Kuya kufuneka sisebenzise lo myalelo ulandelayo:

create-react-app mi-primera-app

Umyalelo ongentla uza kwenza isicelo seReact esibizwa eyam-yokuqala-app. Ngaxeshanye Kuya kwenziwa ifolda entsha enegama elifanayo lesicelo elibandakanya zonke iifayile eziyimfuneko, ubumbeko kunye neelayibrari.

Ukuqhuba usetyenziso lweReact

Nje ukuba iprojekthi yeReact yenziwe, Kuya kufuneka sihambele kulawulo lweprojekthi kwaye siqhube isicelo seReact sisebenzisa lo myalelo ulandelayo Kwisiphelo (Ctrl + Alt + T):

npm start

Umyalelo npm qala qala iseva yophuhliso eya kwenza yonke inkqubo yokwakha.

Isiphelo siya kuthi sixelele ukuba kufuneka vula isikhangeli kwaye ulayishe usetyenziso oluza kusebenza kwi-URL http: // localhost: 3000 ngokungagqibekanga. Xa isikhangeli sivula, siza kubona iReact logo kunye neetekisi kwiscreen.

Khupha i-reaction-app kunye npm

Abasebenzisi Asinakukhupha naliphi na ithala lencwadi elifakelweyo ukusuka ngo -pm sisebenzisa umyalelo ongafakwanga npm. Sebenzisa lo myalelo ulandelayo kwisiphelo sendlela (Ctrl + Alt + T) ukuze ukhiphe Yakha-yenza-app:

sudo npm uninstall -g create-react-app

Ngokufanayo, sinako khipha npm usebenzisa lo myalelo kwisiphelo esinye:

sudo apt remove nodejs

Ulwazi oluthe kratya kule thala leencwadi leJavaScript lokwenza ujongano lomsebenzisi lunokufumaneka kwi- Amaxwebhu eprojekthi.