Yadda ake Shigar ReactJS akan Ubuntu


Facebook ne ya haɓaka a 2011, React (wanda ake kira ReactJS) shine ɗakin ajiyar Javascript wanda ake amfani dashi don ƙirƙirar hanyoyin musayar mai amfani da sauri da ma'amala. A lokacin rubuce-rubuce, shi ne mafi shahararren ɗakin karatu na Javascript don haɓaka musanyar ma'amala. Hanyar ma'amala da takwarorinsu - Angular da Vue JS dangane da ayyuka da shahara.

Shahararrensa ya samo asali ne daga sassauƙarsa da sauƙi kuma wannan ya sanya shi zaɓi na farko a cikin ci gaban aikace-aikacen hannu da aikace-aikacen gidan yanar gizo. Fiye da shafuka 90,000 suna amfani da React gami da ƙattarorin fasaha irin su Facebook, Netflix, Instagram, Airbnb, da Twitter don lissafa kaɗan.

A cikin wannan labarin, zaku koyi yadda ake girka ReactJS akan Ubuntu 20.04 da Ubuntu 18.04.

Mataki 1: Shigar da NPM a cikin Ubuntu

Mun fara shigar da React JS ta hanyar shigar da npm - takaice don mai sarrafa kunshin kumburi, abubuwa biyu ne. Da fari dai, kayan aikin layin-umarni ne wadanda ake amfani dasu don mu'amala da kunshin Javascript, wanda zai baiwa masu amfani damar girkawa, sabuntawa, da kuma sarrafa kayan aikin Javascript da dakunan karatu.

Abu na biyu, npm rajista ce ta hanyar bude yanar gizo wacce take dauke da sama da 800,000 Node. JS packages. Npm kyauta ne kuma zaka iya sauke aikace-aikacen software wadanda ake samunsu a fili.

Don shigar da npm akan Ubuntu Linux, shiga cikin sabarku azaman mai amfani da sudo kuma kira umarnin da ke ƙasa:

$ sudo apt install npm

Da zarar an gama shigarwa, zaku iya tabbatar da sigar npm da aka girka ta amfani da umarnin:

$ npm --version

6.14.4  [Output]

Sabuwar sigar a lokacin rubuta wannan v6.14.4 kamar yadda aka kama a cikin fitarwa.

Shigar da npm kuma yana shigar da node.js kuma zaku iya tabbatar da sigar ƙirar da aka shigar ta amfani da umarnin:

$ node --version

v10.16.0  [Output]

Mataki 2: Girka girkin-mai-amfani mai amfani

ƙirƙirar-amsa-kayan aiki mai amfani ne wanda ke ba ku damar saita duk kayan aikin da ake buƙata don ƙirƙirar React Application. Yana adana muku babban lokaci da kuzari yana saita komai daga karce kuma yana ba ku farkon farawar da ake buƙata.

Don shigar da kayan aikin, gudanar da umurnin npm mai zuwa:

$ sudo npm -g install create-react-app

Da zarar an shigar, za ku iya tabbatar da sigar da aka shigar ta gudana:

$ create-react-app --version

4.0.1  [Output]

Mataki na 3: Createirƙiri & Kaddamar da Aikace-aikacen Gwaninka na Farko

Creatirƙirar Aikace-aikace mai sauƙi ne kuma kai tsaye. Zamu kirkiro abin da ake kira 'tecmint-app' kamar haka.

$ create-react-app tecmint-app

Wannan yana ɗaukar kusan mintuna 5 don girka duk fakitin, dakunan karatu, da kayan aikin da aikace-aikacen ke buƙata. Wasu haƙuri zasu zo cikin sauki.

Idan ƙirƙirar aikace-aikacen yayi nasara, zaku sami sanarwar a ƙasa kuna ba da umarni na asali waɗanda zaku iya gudu don fara gudanar da aikace-aikacen.

Don gudanar da aikin, shiga cikin kundin tsarin aikin

$ cd tecmint-app

To, gudanar da umarnin:

$ npm start

Zaka ƙare samun kayan aikin da ke ƙasa yana nuna maka yadda zaka sami damar aikace-aikacen akan mai binciken.

Wuta burauzarku kuma bincika adireshin IP ɗin uwar garkenku

http://server-ip:3000

Wannan yana nuna cewa tsoho React app yana aiki kuma yana gudana. A cikin wannan jagorar, mun sami nasarar shigar da React JS kuma mun ƙirƙiri aikace-aikace a cikin React.