Kif tinstalla ReactJS fuq Ubuntu

Żviluppat minn Facebook fl-2011, React (imsejħa wkoll ReactJS) hija librerija Javascript użata għall-ħolqien ta' interfaces tal-utent veloċi u interattivi. Fiż-żmien tal-kitba, hija l-aktar librerija Javascript popolari għall-iżvilupp ta 'interfaces tal-utent. React tbati lill-kontropartijiet tagħha - Angular u Vue JS f'termini ta 'funzjonalità u popolarità.

Il-popolarità tagħha ġejja mill-flessibbiltà u s-sempliċità tagħha u dan jagħmilha l-ewwel għażla fl-iżvilupp ta 'apps mobbli u applikazzjonijiet tal-web. Aktar minn 90,000 sit jużaw React inklużi ġganti tat-teknoloġija bħal Facebook, Netflix, Instagram, Airbnb, u Twitter biex jelenkaw ftit.

F'dan l-artikolu, titgħallem kif tinstalla ReactJS fuq Ubuntu 20.04 u Ubuntu 18.04.

Pass 1: Installazzjoni ta 'NPM f'Ubuntu

Nibdew l-installazzjoni ta 'React JS billi ninstallaw npm - qasir għall-maniġer tal-pakkett tan-node, huwa żewġ affarijiet. L-ewwelnett, hija għodda tal-linja tal-kmand li tintuża għall-interazzjoni ma 'pakketti Javascript, li tippermetti lill-utenti jinstallaw, jaġġornaw u jimmaniġġjaw għodod u libreriji Javascript.

It-tieni nett, npm huwa reġistru ta 'softwer ta' sors miftuħ onlajn li jospita aktar minn 800,000 pakkett Node.JS. Npm huwa b'xejn u tista' faċilment tniżżel applikazzjonijiet tas-softwer li huma pubblikament disponibbli.

Biex tinstalla npm fuq Ubuntu Linux, idħol fis-server tiegħek bħala utent sudo u invoka l-kmand hawn taħt:

$ sudo apt install npm

Ladarba l-installazzjoni titlesta, tista 'tivverifika l-verżjoni ta' npm installata billi tuża l-kmand:

$ npm --version

6.14.4  [Output]

L-aħħar verżjoni fil-ħin tal-kitba hija v6.14.4 kif maqbuda fl-output.

L-installazzjoni ta 'npm tinstalla wkoll node.js u tista' tikkonferma l-verżjoni tan-node installata billi tuża l-kmand:

$ node --version

v10.16.0  [Output]

Pass 2: Installazzjoni tal-utilità create-react-app

create-react-app hija utilità li tgħinek twaqqaf l-għodod kollha meħtieġa biex toħloq Applikazzjoni React. Dan jiffranka ħafna ħin u enerġija li jistabbilixxi kollox mill-bidu u jagħtik il-bidu ta 'ras meħtieġ.

Biex tinstalla l-għodda, ħaddem il-kmand npm li ġej:

$ sudo npm -g install create-react-app

Ladarba tkun installata, tista 'tikkonferma l-verżjoni ta' installat billi tħaddem:

$ create-react-app --version

4.0.1  [Output]

Pass 3: Oħloq & Tnedija l-Ewwel Applikazzjoni Tiegħek React

Il-ħolqien ta' applikazzjoni React huwa pjuttost sempliċi u sempliċi. Aħna ser noħolqu app reazzjoni msejħa tecmint-app kif ġej.

$ create-react-app tecmint-app

Dan jieħu madwar 5 minuti biex jiġu installati l-pakketti, il-libreriji u l-għodod kollha meħtieġa mill-applikazzjoni. Xi paċenzja se tkun utli.

Jekk il-ħolqien ta 'l-applikazzjoni kien ta' suċċess, inti tirċievi n-notifika hawn taħt li tagħti l-kmandi bażiċi li tista 'tmexxi biex tibda tmexxi l-applikazzjoni.

Biex tħaddem l-applikazzjoni, innaviga fid-direttorju tal-app

$ cd tecmint-app

Imbagħad mexxi l-kmand:

$ npm start

Tispiċċa tikseb l-output hawn taħt li turi kif taċċessa l-applikazzjoni fuq il-browser.

Agħmel il-browser tiegħek u bbrawżja l-indirizz IP tas-server tiegħek

http://server-ip:3000

Dan juri li l-app React default qed taħdem. F'din il-gwida, installajna b'suċċess React JS u ħloqna applikazzjoni f'React.