Seuraavassa artikkelissa aiomme tarkastella kuinka voimme luoda ensimmäisen sovelluksemme ReactJS: llä Ubuntu 20.04: ssä Create React -sovelluksen avulla. ReactJS on avoimen lähdekoodin JavaScript-kirjasto, jota käytetään käyttöliittymän luomiseen, jota ylläpitää Facebook ja kehittäjäyhteisö. ReactJS: ää voidaan käyttää web-sovellusten tai mobiilisovellusten kehittämiseen.
React, tunnetaan myös nimellä ReactJS, tietoja käsitellään DOM: ssä. React-sovelluksen suorittamiseen tarvitaan lisää kirjastoja reititystä ja tilan hallintaa varten. Joitakin esimerkkejä näistä kirjastoista ovat Redux y Reagoi reititin.
Reactin asentaminen Ubuntu 20.04: een
Asentaaksemme Reactin järjestelmäämme meidän on ensin tiedettävä, mikä on npm ja ymmärrettävä, miksi tarvitsemme niitä. Npm on lyhenne sanoista Node Package Manager, ja se on maailman suurin avoimen lähdekoodin ohjelmistorekisteri. Sisältää yli 800.000 XNUMX koodipakettia. Npm on vapaasti käytettävissä, ja kaikki julkiset ohjelmistot voidaan ladata ja käyttää ilman rekisteröitymistä tai kirjautumista.
Npm on javascript-sovellusten riippuvuudenhallintatyökalu, joka auttaa asentamaan kaikki kirjastot ja muut työkalut tukemaan JS-sovellusten kehitystä.
Asenna npm
että asenna nodejs, joka sisältää npm, meidän on vain avattava pääte (Ctrl + Alt + T) ja suoritettava seuraava komento:
sudo apt install nodejs
Npm-asennuksen jälkeen voimme tarkista versiosi ja solmun versio. Voimme tehdä tämän komennolla:
npm -v
Asennetun npm: n versio riippuu asennuspäivästä, koska päivitys suoritetaan usein. On välttämätöntä varmistaa, että asennettuna on yli 5-versio.
että tarkista solmun asennettu versio, käytettävä komento on:
node -v
Jos järjestelmään ei ole asennettu uusinta versiota npm, voit päivittää Node Package Managerin (npm) uusimpaan versioon tämän komennon suorittaminen terminaalissa:
sudo npm install -g npm@latest
Asenna create-reagoi-sovellus
Tuottavan React-ympäristön asentamiseksi meidän on määritettävä työkalut, kuten babel, webpack jne ..., mikä on monimutkainen määrittää aloittelijoille React-maailmassa. Mutta voimme löytää useita työkaluja, jotka auttavat meitä kokoonpanossa. Niistä löydämme create-react-app, joka on helpoin työkalu käyttää ja määrittää.
Create React -sovellus on mukava ympäristö Reactin oppimiseen, ja se on paras tapa aloittaa uuden yksisivuisen sovelluksen rakentaminen React-sovelluksen avulla.
Luo React-sovellus määrittele kehitysympäristösi jotta voit käyttää uusimpia Javascript-ominaisuuksia, tarjoamalla hyvän kehityskokemuksen ja optimoimalla sovelluksesi tuotantoa varten. Kuten heidän verkkosivustollaan mainitaan, koneellesi on asennettava solmu> = 8.10 ja npm> = 5.6.
Voimme asenna create-reagoi-sovellus npm: llä. Tätä varten päätelaitteessa (Ctrl + Alt + T) joudumme suorittamaan vain seuraavan asennuskomennon:
sudo npm install -g create-react-app
Kun luoda-reagoida-sovelluksen asennus on valmis järjestelmäämme, voimme tarkista asennettu versio seuraavan komennon suorittaminen:
create-react-app --version
Ensimmäisen React-sovelluksen luominen
Ensimmäinen React-sovelluksemme voidaan luoda yksinkertaisesti create-reagoi -sovelluksella. Meidän on käytettävä vain seuraavaa komentoa:
create-react-app mi-primera-app
Yllä oleva komento luo React-sovelluksen nimeltä ensimmäinen sovellukseni. Samaan aikaan luodaan uusi kansio samalla sovelluksen nimellä, joka sisältää kaikki tarvittavat tiedostot, kokoonpanot ja kirjastot.
React-sovelluksen suorittaminen
Kun React-projekti on luotu, meidän on siirryttävä projektihakemistoon ja suoritettava React-sovellus seuraavalla komennolla terminaalissa (Ctrl + Alt + T):
npm start
Komento npm alku Käynnistä kehityspalvelin, joka suorittaa koko kääntöprosessin.
Terminaali kertoo meille, että meidän täytyy avaa selain ja lataa sovellus, joka toimii oletusarvoisesti URL-osoitteessa http: // localhost: 3000. Kun selain avautuu, näemme React-logon ja tekstit näytöllä.
Poista create-reagoi-sovellus ja npm
Käyttäjät voimme poistaa minkä tahansa npm: stä asennetun kirjaston käyttämällä npm uninstall -komentoa. Poista seuraava asennus suorittamalla seuraava komento terminaalissa (Ctrl + Alt + T) luoda reagoivat-sovellus:
sudo npm uninstall -g create-react-app
Vastaavasti voimme poista npm käyttämällä tätä toista komentoa samassa terminaalissa:
sudo apt remove nodejs
Lisätietoja tästä JavaScript-kirjastosta käyttöliittymien luomiseksi löytyy projektidokumentaatio.
Erinomainen sisältö! Obrigado!