Kako namestiti ReactJS na Ubuntu

React (imenovan tudi ReactJS), ki ga je Facebook razvil leta 2011, je knjižnica Javascript, ki se uporablja za ustvarjanje hitrih in interaktivnih uporabniških vmesnikov. V času pisanja je to najbolj priljubljena knjižnica Javascript za razvoj uporabniških vmesnikov. React zaskrbljuje svoje kolege - Angular in Vue JS glede funkcionalnosti in priljubljenosti.

Njegova priljubljenost izhaja iz prilagodljivosti in preprostosti, zato je prva izbira pri razvoju mobilnih aplikacij in spletnih aplikacij. Več kot 90.000 spletnih mest uporablja React, vključno s tehnološkimi velikani, kot so Facebook, Netflix, Instagram, Airbnb in Twitter, da jih naštejemo nekaj.

V tem članku boste izvedeli, kako namestiti ReactJS na Ubuntu 20.04 in Ubuntu 18.04.

1. korak: Namestitev NPM v Ubuntu

Namestitev React JS začnemo z namestitvijo npm - kratica za upravitelja paketov vozlišč je dve stvari. Prvič, to je orodje ukazne vrstice, ki se uporablja za interakcijo s paketi Javascript, ki uporabnikom omogoča namestitev, posodabljanje in upravljanje orodij in knjižnic Javascript.

Drugič, npm je spletni odprtokodni register programske opreme, ki gosti več kot 800.000 paketov Node.JS. Npm je brezplačen in lahko preprosto prenesete javno dostopne programe.

Če želite namestiti npm v Ubuntu Linux, se v svoj strežnik prijavite kot sudo uporabnik in pokličite spodnji ukaz:

$ sudo apt install npm

Ko je namestitev končana, lahko z ukazom preverite nameščeno različico npm:

$ npm --version

6.14.4  [Output]

Najnovejša različica v času pisanja tega je v6.14.4, kot je zajeto v izhodnih podatkih.

Namestitev npm namesti tudi node.js in različico vozlišča, ki je nameščena, lahko potrdite z ukazom:

$ node --version

v10.16.0  [Output]

2. korak: Namestitev pripomočka create-response-app

create-response-app je pripomoček, ki vam omogoča nastavitev vseh orodij, potrebnih za ustvarjanje aplikacije React. Prihranite vam veliko časa in energije, če nastavite vse od začetka in vam omogoči, da začnete z začetkom.

Če želite namestiti orodje, zaženite naslednji ukaz npm:

$ sudo npm -g install create-react-app

Ko je nameščena, lahko z namestitvijo potrdite različico nameščenega:

$ create-react-app --version

4.0.1  [Output]

3. korak: ustvarite in zaženite svojo prvo aplikacijo React

Ustvarjanje aplikacije React je zelo preprosto in enostavno. Ustvarili bomo aplikacijo za reakcijo, imenovano tecmint-app, kot sledi.

$ create-react-app tecmint-app

Za namestitev vseh paketov, knjižnic in orodij, ki jih potrebuje aplikacija, traja približno 5 minut. Nekaj potrpljenja vam bo prav prišlo.

Če je bila izdelava aplikacije uspešna, boste spodaj prejeli obvestilo z osnovnimi ukazi, ki jih lahko zaženete za začetek upravljanja aplikacije.

Če želite zagnati aplikacijo, se pomaknite v imenik aplikacije

$ cd tecmint-app

Nato zaženite ukaz:

$ npm start

Na koncu boste dobili spodnji izhod, ki prikazuje, kako dostopati do aplikacije v brskalniku.

Zaženite brskalnik in brskajte po naslovu IP strežnika

http://server-ip:3000

To kaže, da je privzeta aplikacija React vklopljena in deluje. V tem priročniku smo uspešno namestili React JS in ustvarili aplikacijo v Reactu.