Createirƙiri React App, ƙirƙirar aikace-aikacenku na farko tare da React Ubuntu 20.04

A cikin labarin na gaba zamu duba yadda za mu iya ƙirƙirar aikace-aikacenmu na farko tare da ReactJS akan Ubuntu 20.04 ta amfani da Reirƙirar React App. ReactJS ita ce hanyar buɗe JavaScript laburare da aka yi amfani da shi don ƙirƙirar ƙirar mai amfani, wanda Facebook da masu haɓaka ke kiyayewa. Ana iya amfani da ReactJS a cikin haɓaka aikace-aikacen yanar gizo ko aikace-aikacen hannu.

A cikin amsa, kuma aka sani da ReactJS, ana sarrafa bayanan a cikin DOM. Ana buƙatar ƙarin ɗakunan karatu don zirga-zirga da gudanar da jihohi don gudanar da aikace-aikacen React. Wasu misalan waɗannan dakunan karatu sune Redux y Yi amfani da na'ura mai ba da hanya tsakanin hanyoyin sadarwa.

Shigar da amsa a kan Ubuntu 20.04

Don shigar da amsa a kan tsarinmu, dole ne mu fara sanin menene npm kuma mu fahimci dalilin da yasa muke buƙatar su. Npm yana tsaye ne don Manajan Kunshin Node, kuma shine babbar rajistar kayan bude manhaja a duniya. Ya ƙunshi kunshin lambobi fiye da 800.000. Npm kyauta ne don amfani kuma za a iya zazzagewa da amfani da kowane software na jama'a ba tare da rajista ko shiga ba.

Npm shine kayan aikin dogaro don aikace-aikacen javascript, wanda ke taimakawa wajen girka dukkan dakunan karatu da sauran kayan aiki don tallafawa ci gaban aikace-aikacen JS.

Sanya npm

para shigar nodejs, wanda ya haɗa da npm, kawai zamu bude tashar (Ctrl + Alt + T) tare da aiwatar da wannan umarnin:

sudo apt install nodejs

Bayan kammala aikin npm, zamu iya duba sigar ku da ta kumburi. Zamu iya yin wannan tare da umarnin:

npm -v

Sigar npm da aka girka ya dogara da kwanan watan shigarwa, saboda ana sabuntawa akai-akai. Wajibi ne mu tabbatar da cewa muna da wata siga wacce tafi ta 5 da aka girka.

para duba sigar shigar da kumburi, umarnin don amfani zai kasance:

node -v

Idan baku da sabon nau'in npm da aka sanya akan tsarin ku, zaku iya sabunta Manajan Gudanar da Kayan Gida (npm) zuwa sabuwar sigar Gudanar da wannan umarnin a cikin m:

sudo npm install -g npm@latest

Sanya app-react-app

Don shigar da yanayin haɓaka mai fa'ida, zamu buƙaci saita kayan aikin kamar babel, webpack, da dai sauransu ... wanda ke da rikitarwa don daidaitawa don masu farawa a cikin duniyar React. Amma zamu iya samun kayan aiki da yawa waɗanda zasu taimaka mana cikin daidaitawar. Daga cikinsu zamu samu create-react-app, wanda shine mafi sauki kayan aiki don amfani da daidaitawa.

Reirƙiri React App yanayi ne mai sauƙi don koyon Amfani, kuma ita ce hanya mafi kyau don fara ginin sabon shafi guda guda ta amfani da React.

Irƙiri React App saita yanayin ci gaban ku don ku sami damar amfani da sabbin kayan aikin Javascript, samar da kyakkyawar ƙwarewar ci gaba, da inganta aikace-aikacen ku don samarwa. Kamar yadda aka nuna akan gidan yanar gizon su, ya zama dole a sanya Node> = 8.10 da npm> = 5.6 akan injin ka.

Zamu iya girka app mai kirkirar-amsa ta amfani da npm. Don yin wannan, a cikin m (Ctrl + Alt + T) za mu buƙaci kawai aiwatar da umarnin shigarwa mai zuwa:

sudo npm install -g create-react-app

Da zarar an gama shigar da aikace-aikacen ƙirƙirar-aikace-aikace akan tsarinmu, zamu iya duba sigar da aka shigar aiwatar da umarnin mai zuwa:

create-react-app --version

Creatirƙirar aikace-aikacen React na farko

Za'a iya ƙirƙirar Manhaja ta farko ta aikace-aikace kawai ta amfani da ƙirƙirar-amsa-app. Dole ne kawai muyi amfani da umarni mai zuwa:

create-react-app mi-primera-app

Umurnin da ke sama zai ƙirƙiri aikace-aikacen Gyara da ake kira my-first-app. A lokaci guda sabon folda za'a kirkireshi da suna iri daya da na application wanda ya hada da dukkan fayilolin da suka kamata, saituna da kuma dakunan karatu.

Gudun aikace-aikacen React

Da zarar an ƙirƙiri aikin React, dole ne mu matsa zuwa kundin aikin kuma gudanar da aikace-aikacen React ta amfani da umarni mai zuwa a cikin m (Ctrl + Alt + T):

npm start

Umurnin npm farawa fara uwar garken ci gaba wanda zai aiwatar da dukkan aikin ginin.

Thearshen tashar zai gaya mana cewa dole ne mu bude burauzar ka loda aikace-aikacen da zasu yi aiki a URL din http: // localhost: 3000 ta tsohuwa. Lokacin da burauzar ta buɗe, za mu ga alamar React da rubutu a kan allo.

Uninstall ƙirƙirar-amsa-aikace da npm

Masu amfani zamu iya cire duk wani dakin karatu da aka girka daga npm ta hanyar amfani da umarnin cirewa na npm. Gudu umarni mai zuwa a cikin m (Ctrl + Alt T) don cirewa kirkirar-amsa-app:

sudo npm uninstall -g create-react-app

Hakanan, zamu iya cire npm ta amfani da wannan sauran umarnin a wannan tashar:

sudo apt remove nodejs

Za a iya samun ƙarin bayani a kan wannan ɗakin karatu na JavaScript don ƙirƙirar musaya ta masu amfani a cikin takardun aiki.