Jinsi ya kufunga ReactJS kwenye Ubuntu

Iliyoundwa na Facebook mwaka wa 2011, React (pia inajulikana kama ReactJS) ni maktaba ya Javascript inayotumiwa kuunda miingiliano ya watumiaji haraka na inayoingiliana. Wakati wa kuandika, ni maktaba maarufu ya Javascript ya kukuza miingiliano ya watumiaji. Imeguswa na wenzao - Angular na Vue JS katika suala la utendakazi na umaarufu.

Umaarufu wake unatokana na kubadilika na urahisi na hii inafanya kuwa chaguo la kwanza katika uundaji wa programu za rununu na programu za wavuti. Zaidi ya tovuti 90,000 hutumia React ikijumuisha kampuni kubwa za teknolojia kama vile Facebook, Netflix, Instagram, Airbnb na Twitter kuorodhesha chache.

Katika nakala hii, utajifunza jinsi ya kusakinisha ReactJS kwenye Ubuntu 20.04 na Ubuntu 18.04.

Hatua ya 1: Kufunga NPM katika Ubuntu

Tunaanza usakinishaji wa React JS kwa kusakinisha npm - fupi kwa kidhibiti kifurushi cha nodi, ni mambo mawili. Kwanza, ni zana ya mstari wa amri ambayo hutumiwa kuingiliana na vifurushi vya Javascript, ambayo huruhusu watumiaji kusakinisha, kusasisha na kudhibiti zana na maktaba za Javascript.

Pili, npm ni sajili ya programu huria mtandaoni ambayo inakaribisha zaidi ya vifurushi 800,000 vya Node.JS. Npm ni bure na unaweza kupakua kwa urahisi programu-tumizi ambazo zinapatikana kwa umma.

Ili kusakinisha npm kwenye Ubuntu Linux, ingia kwenye seva yako kama mtumiaji wa sudo na uombe amri hapa chini:

$ sudo apt install npm

Mara tu usakinishaji utakapokamilika, unaweza kuthibitisha toleo la npm lililosanikishwa kwa kutumia amri:

$ npm --version

6.14.4  [Output]

Toleo la hivi punde wakati wa kuandika hii ni v6.14.4 kama ilivyonaswa kwenye matokeo.

Ufungaji wa npm pia husakinisha node.js na unaweza kuthibitisha toleo la nodi iliyosanikishwa kwa kutumia amri:

$ node --version

v10.16.0  [Output]

Hatua ya 2: Kusakinisha Utumiaji wa create-react-app

create-react-app ni matumizi ambayo hukuwezesha kusanidi zana zote zinazohitajika ili kuunda Programu ya React. Inakuokoa muda mwingi na nishati kuweka kila kitu kutoka mwanzo na kukupa mwanzo unaohitajika.

Ili kusakinisha zana, endesha amri ifuatayo ya npm:

$ sudo npm -g install create-react-app

Mara tu ikiwa imesakinishwa, unaweza kuthibitisha toleo la kusanikishwa kwa kuendesha:

$ create-react-app --version

4.0.1  [Output]

Hatua ya 3: Unda na Uzindue Programu yako ya Kwanza ya React

Kuunda programu ya React ni rahisi na moja kwa moja. Tutaunda programu ya react inayoitwa tecmint-app kama ifuatavyo.

$ create-react-app tecmint-app

Hii inachukua takriban dakika 5 kusakinisha vifurushi, maktaba na zana zote zinazohitajika na programu. Uvumilivu fulani utakuja kwa manufaa.

Ikiwa uundaji wa programu ulifanikiwa, utapata arifa hapa chini ikitoa amri za kimsingi ambazo unaweza kukimbia ili kuanza kudhibiti programu.

Ili kuendesha programu, nenda kwenye saraka ya programu

$ cd tecmint-app

Kisha endesha amri:

$ npm start

Utaishia kupata matokeo hapa chini kukuonyesha jinsi ya kufikia programu kwenye kivinjari.

Washa kivinjari chako na uvinjari anwani ya IP ya seva yako

http://server-ip:3000

Hii inaonyesha kuwa programu chaguomsingi ya React inatumika. Katika mwongozo huu, tumesakinisha React JS kwa ufanisi na kuunda programu katika React.