Kuinka asentaa ReactJS Ubuntuun


Facebookin vuonna 2011 kehittämä React (tunnetaan myös nimellä ReactJS) on Javascript-kirjasto, jota käytetään nopeiden ja interaktiivisten käyttöliittymien luomiseen. Kirjoitushetkellä se oli suosituin Javascript-kirjasto käyttöliittymien kehittämiseen. React päihittää kollegansa – Angular ja Vue JS toiminnallisuuden ja suosion suhteen.

Sen suosio johtuu sen joustavuudesta ja yksinkertaisuudesta, ja tämä tekee siitä ensimmäisen valinnan mobiilisovellusten ja verkkosovellusten kehittämisessä. Yli 90 000 sivustoa käyttää Reactia, mukaan lukien teknologiajätit, kuten Facebook, Netflix, Instagram. >, Airbnb ja Twitter muutamia.

Tässä artikkelissa opit asentamaan ReactJS Ubuntu 20.04- ja Ubuntu 18.04 -käyttöjärjestelmiin.

Vaihe 1: NPM:n asentaminen Ubuntuun

Aloitamme React JS:n asennuksen asentamalla npm – lyhenne sanoista solmupakettien hallinta, on kaksi asiaa. Ensinnäkin se on komentorivityökalu, jota käytetään Javascript-pakettien kanssa vuorovaikutukseen ja jonka avulla käyttäjät voivat asentaa, päivittää ja hallita Javascript-työkaluja ja kirjastoja.

Toiseksi npm on verkossa toimiva avoimen lähdekoodin ohjelmistorekisteri, joka isännöi yli 800 000 Node.JS-pakettia. Npm on ilmainen, ja voit helposti ladata ohjelmistosovelluksia, jotka ovat julkisesti saatavilla.

Asenna npm Ubuntu Linuxiin kirjautumalla palvelimellesi sudo-käyttäjänä ja käynnistämällä alla oleva komento:

sudo apt install npm

Kun asennus on valmis, voit tarkistaa asennetun npm-version komennolla:

npm --version

6.14.4  [Output]

Uusin versio tätä kirjoittamishetkellä on v6.14.4 tulosteen mukaan.

npm:n asennus asentaa myös node.js:n ja voit vahvistaa asennetun node -version komennolla:

node --version

v10.16.0  [Output]

Vaihe 2: Create-react-app -apuohjelman asentaminen

create-react-app on apuohjelma, jonka avulla voit määrittää kaikki tarvittavat työkalut React-sovelluksen luomiseen. Se säästää paljon aikaa ja energiaa asettaessasi kaiken tyhjästä ja antaa sinulle tarvittavan etumatkan.

Asenna työkalu suorittamalla seuraava npm-komento:

sudo npm -g install create-react-app

Asennuksen jälkeen voit vahvistaa asennetun version suorittamalla:

create-react-app --version

4.0.1  [Output]

Vaihe 3: Luo ja käynnistä ensimmäinen React-sovellus

React-sovelluksen luominen on melko yksinkertaista ja suoraviivaista. Aiomme luoda reagoivan sovelluksen nimeltä tecmint-app seuraavasti.

create-react-app tecmint-app

Kaikkien sovelluksen tarvitsemien pakettien, kirjastojen ja työkalujen asentaminen kestää noin 5 minuuttia. Jonkinlainen kärsivällisyys tulee tarpeeseen.

Jos sovelluksen luominen onnistui, saat alla ilmoituksen, joka sisältää peruskomennot, joiden avulla voit aloittaa sovelluksen hallinnan.

Suorita sovellus siirtymällä sovellus-hakemistoon

cd tecmint-app

Suorita sitten komento:

npm start

Lopulta saat alla olevan tulosteen, joka näyttää, kuinka pääset sovellukseen selaimessa.

Käynnistä selain ja selaa palvelimesi IP-osoitetta

http://server-ip:3000

Tämä osoittaa, että oletusarvoinen React-sovellus on käynnissä. Tässä oppaassa olemme onnistuneesti asentaneet React JS:n ja luoneet sovelluksen Reactiin.