Giunsa ang Pag-install sa ReactJS sa Ubuntu


Gipalambo sa Facebook niadtong 2011, ang React (gitawag usab nga ReactJS) usa ka librarya sa Javascript nga gigamit sa paghimo og paspas ug interactive nga mga interface sa user. Sa panahon sa pagsulat, kini ang labing inila nga librarya sa Javascript alang sa pagpalambo sa mga interface sa gumagamit. Gipildi sa React ang mga katugbang niini - Angular ug Vue JS sa mga termino sa pagpaandar ug pagkapopular.

Ang pagkapopular niini naggikan sa pagka-flexible ug kayano niini ug kini ang naghimo niini nga una nga kapilian sa pagpauswag sa mga mobile app ug mga aplikasyon sa web. Labaw sa 90,000 ka mga site ang naggamit sa React lakip ang mga tech nga higante sama sa Facebook, Netflix, Instagram, Airbnb, ug Twitter aron ilista ang pipila.

Niini nga artikulo, mahibal-an nimo kung giunsa ang pag-install sa ReactJS sa Ubuntu 20.04 ug Ubuntu 18.04.

Lakang 1: Pag-instalar sa NPM sa Ubuntu

Gisugdan namo ang pag-instalar sa React JS pinaagi sa pag-install sa npm - mubo alang sa node package manager, duha ka butang. Una, kini usa ka himan sa command-line nga gigamit alang sa pakigsulti sa mga pakete sa Javascript, nga nagtugot sa mga tiggamit sa pag-install, pag-update, ug pagdumala sa mga himan ug librarya sa Javascript.

Ikaduha, ang npm usa ka online nga open-source software registry nga nag-host sa kapin sa 800,000 ka Node.JS nga mga pakete. Libre ang Npm ug dali ka maka-download sa mga aplikasyon sa software nga magamit sa publiko.

Aron ma-install ang npm sa Ubuntu Linux, pag-login sa imong server ingon usa ka sudo user ug gamita ang command sa ubos:

$ sudo apt install npm

Kung kompleto na ang pag-install, mahimo nimong pamatud-an ang bersyon sa npm nga na-install gamit ang command:

$ npm --version

6.14.4  [Output]

Ang pinakabag-o nga bersyon sa panahon sa pagsulat niini mao ang v6.14.4 ingon nga nakuha sa output.

Ang pag-instalar sa npm nag-instalar usab sa node.js ug mahimo nimong kumpirmahon ang bersyon sa node nga gi-install gamit ang command:

$ node --version

v10.16.0  [Output]

Lakang 2: Pag-instalar sa paghimo-react-app Utility

Ang create-react-app usa ka utility nga makapahimo kanimo sa pag-set up sa tanan nga mga himan nga gikinahanglan sa paghimo og React Application. Makatipig kini kanimo daghang oras ug kusog nga nagtakda sa tanan gikan sa wala ug naghatag kanimo sa kinahanglan nga pagsugod sa ulo.

Aron ma-install ang himan, padagana ang mosunod nga npm command:

$ sudo npm -g install create-react-app

Kung ma-install, mahimo nimong kumpirmahon ang bersyon sa na-install pinaagi sa pagdagan:

$ create-react-app --version

4.0.1  [Output]

Lakang 3: Paghimo ug Ilunsad ang Imong Unang React Application

Ang paghimo ug React nga aplikasyon kay yano ug prangka. Maghimo kami usa ka reaksyon nga app nga gitawag nga tecmint-app ingon sa mosunod.

$ create-react-app tecmint-app

Nagkinahanglan kini og halos 5 ka minuto aron ma-install ang tanan nga mga pakete, librarya, ug mga himan nga gikinahanglan sa aplikasyon. Ang pila ka pasensya magamit.

Kung nagmalampuson ang paghimo sa aplikasyon, makuha nimo ang pahibalo sa ubos nga naghatag sa mga sukaranan nga mga mando nga mahimo nimong sugdan aron masugdan ang pagdumala sa aplikasyon.

Aron mapadagan ang aplikasyon, pag-navigate sa direktoryo sa app

$ cd tecmint-app

Dayon padagana ang sugo:

$ npm start

Makuha nimo ang output sa ubos nga nagpakita kanimo kung giunsa ang pag-access sa aplikasyon sa browser.

Ablihi ang imong browser ug i-browse ang IP address sa imong server

http://server-ip:3000

Gipakita niini nga ang default nga React app nagdagan ug nagdagan. Niini nga giya, malampuson namong na-install ang React JS ug nakahimo og aplikasyon sa React.