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.