Dala i-React App, dala uhlelo lwakho lokusebenza lokuqala ngeReact Ubuntu 20.04

Esihlokweni esilandelayo sizobheka singasakha kanjani isicelo sethu sokuqala ngeReactJS ku-Ubuntu 20.04 sisebenzisa i-Create React App. I-ReactJS ngumtapo wolwazi ovulekile weJavaScript osetshenziselwa ukudala i-interface yomsebenzisi, enakekelwa yi-Facebook nomphakathi wonjiniyela. I-ReactJS ingasetshenziswa ekwakhiweni kwezinhlelo zokusebenza zewebhu noma izinhlelo zokusebenza zeselula.

E-React, eyaziwa nangokuthi i-ReactJS, idatha icutshungulwa ku-DOM. Imitapo yolwazi eyengeziwe yomzila nokuphathwa kombuso kuyadingeka ukusebenzisa uhlelo lweReact. Ezinye izibonelo zalemitapo yolwazi ziyilezi I-Redux y I-React Router.

Ukufaka i-React ku-Ubuntu 20.04

Ukufaka i-React kusistimu yethu, kufanele siqale sazi ukuthi yini i-npm futhi siqonde ukuthi kungani siyidinga. UNpm umele iNode Package Manager, futhi ingumbhaliso wesoftware ovulekile kunayo yonke emhlabeni. Iqukethe amaphakheji wekhodi angaphezu kuka-800.000. INpm imahhala ukuyisebenzisa futhi noma iyiphi isoftware yomphakathi ingalandwa futhi isetshenziswe ngaphandle kokubhalisa noma ukungena ngemvume.

I-Npm ithuluzi lokuphatha lokuncika kwezinhlelo zokusebenza ze-JavaScript, esiza ukufaka yonke imitapo yolwazi namanye amathuluzi wokuxhasa ukwenziwa kwezinhlelo zokusebenza ze-JS.

Faka npm

para install nodejs, okubandakanya npm, kuzofanele sivule kuphela i-terminal (Ctrl + Alt + T) bese senza umyalo olandelayo:

sudo apt install nodejs

Ngemuva kokuqeda ukufakwa kuka-npm, singakwazi hlola inguqulo yakho naleyo ye-node. Lokhu singakwenza ngomyalo:

npm -v

Uhlobo luka-npm olufakiwe luncike osukwini lokufaka, njengoba isibuyekezo senziwa kaningi. Kuyadingeka ukuthi siqiniseke ukuthi sinenguqulo ephakeme kune-5 efakiwe.

para hlola inguqulo efakiwe ye-node, umyalo ozosetshenziswa uzoba:

node -v

Uma ungenayo inguqulo yakamuva ka-npm efakwe kusistimu yakho, ungabuyekeza iNode Package Manager (npm) enguqulweni yakamuva ukusebenzisa lo myalo ku-terminal:

sudo npm install -g npm@latest

Faka i-create-react-app

Ukufaka imvelo yeReact ekhiqizayo, sizodinga ukumisa amathuluzi afana ne-babel, i-webpack, njll. Okuyinkimbinkimbi ukuyilungiselela abaqalayo emhlabeni we-React. Kepha singathola amathuluzi amaningi azosisiza ekucushweni. Phakathi kwazo sizothola dala-reaction-app, okuyithuluzi elilula kakhulu ukulisebenzisa nokulungisa.

Dala i-React App indawo enethezekile yokufunda i-React, futhi kuyindlela engcono kakhulu yokuqala ukwakha uhlelo lokusebenza olusha lwekhasi elilodwa usebenzisa iReact.

Dala i-React App ukumisa imvelo yakho yokuthuthuka ukuze ukwazi ukusebenzisa izici zakamuva zeJavascript, ukuhlinzeka ngomuzwa omuhle wokuthuthuka, nokwenza ngcono uhlelo lwakho lokusebenza lokukhiqiza. Njengoba kukhonjisiwe kuwebhusayithi yabo, kubalulekile ukuthi kufakwe i-Node> = 8.10 npm> = 5.6 emshinini wakho.

Singakwazi faka i-create-react-app usebenzisa i-npm. Ukwenza lokhu, esigungwini (Ctrl + Alt + T) sizodinga kuphela ukwenza umyalo wokufaka olandelayo:

sudo npm install -g create-react-app

Lapho ukufakwa kohlelo lokusebenza lwe-create-react-app sekuqediwe ohlelweni lwethu, singakwazi hlola inguqulo efakiwe isebenzisa umyalo olandelayo:

create-react-app --version

Ukwakha uhlelo lokuqala lwe-React

Uhlelo lwethu lokuqala lwe-React lungadalwa ngokumane kusetshenziswe i-create-react-app. Kuzofanele sisebenzise umyalo olandelayo kuphela:

create-react-app mi-primera-app

Umyalo ongenhla uzokwakha uhlelo lokusebenza lweReact olubizwa i-my-first-app. Ngesikhathi esifanayo ifolda entsha enegama elifanayo lohlelo lokusebenza izokwakhiwa efaka wonke amafayela adingekayo, izilungiselelo nemitapo yolwazi.

Iqalisa uhlelo lokusebenza lwe-React

Uma iphrojekthi React isakhiwe, kuzofanele sithuthele enkombeni yephrojekthi bese siqhuba uhlelo lokusebenza lwe-React sisebenzisa umyalo olandelayo ekugcineni (Ctrl + Alt + T):

npm start

Umyalo npm qala qala iseva yokuthuthuka ezokwenza yonke inqubo yokwakha.

Isiginali sizositshela ukuthi kufanele vula isiphequluli bese ulayisha uhlelo oluzosebenza ku-URL http: // localhost: 3000 ngokuzenzakalela. Lapho isiphequluli sivula, sizobona i-React logo nemibhalo esikrinini.

Khipha ukudala-reaction-app kanye npm

Abasebenzisi singakhipha noma yimuphi umtapo wezincwadi ofakiwe kusuka ku-npm sisebenzisa umyalo wokukhipha npm. Qalisa umyalo olandelayo ku-terminal (Ctrl + Alt + T) ukuze ukhiphe Dala-uhlelo lokusebenza:

sudo npm uninstall -g create-react-app

Ngokufanayo, nathi singakwazi khipha npm usebenzisa lo omunye umyalo esigungwini esifanayo:

sudo apt remove nodejs

Imininingwane engaphezulu kulabhulali yeJavaScript yokwakha i-interface yomsebenzisi ingatholakala kufayili ye- imibhalo yephrojekthi.