Järgmises artiklis heidame pilgu sellele kuidas saame luua oma esimese rakenduse ReactJS-iga Ubuntu 20.04-s, kasutades rakendust Create React. ReactJS on avatud lähtekoodiga JavaScripti teek, mida kasutatakse kasutajaliidese loomiseks, mida haldab Facebook ja arendajate kogukond. ReactJS-i saab kasutada veebirakenduste või mobiilirakenduste arendamisel.
Reageerides tuntud ka kui ReactJS, andmeid töödeldakse DOM-is. Rakenduse React käitamiseks on vaja marsruutimiseks ja olekuhalduseks täiendavaid teeke. Mõned näited nendest raamatukogudest on Redux y Reageeri ruuter.
Reacti installimine Ubuntu 20.04
Reacti installimiseks meie süsteemi peame kõigepealt teadma, mis on npm, ja mõistma, miks me neid vajame. Npm tähistab Node Package Managerija see on maailma suurim avatud lähtekoodiga tarkvara register. Sisaldab üle 800.000 XNUMX koodipaketi. Npm on tasuta kasutamiseks ning mis tahes avaliku tarkvara saab alla laadida ja kasutada ilma registreerumise või sisselogimiseta.
Npm on JavaScripti rakenduste sõltuvuse haldamise tööriist, mis aitab installida kõik teegid ja muud tööriistad JS-i rakenduste arendamise toetamiseks.
Installige npm
et installige nodejs, mis sisaldab npm, peame avama ainult terminali (Ctrl + Alt + T) ja käivitama järgmise käsu:
sudo apt install nodejs
Pärast npm installimise lõpetamist saame kontrollige oma ja sõlme versiooni. Saame seda teha käsuga:
npm -v
Installitud npm versioon sõltub installimise kuupäevast, kuna värskendust tehakse sageli. On vaja veenduda, et oleme installinud versiooni, mis on kõrgem kui 5.
et kontrollige sõlme installitud versiooni, on kasutatav käsk järgmine:
node -v
Kui teie arvutisse pole installitud uusimat versiooni npm, saate uuendada Node Package Manageri (npm) uusimale versioonile selle käsu käivitamine terminalis:
sudo npm install -g npm@latest
Installige rakendus-reageeri-rakendus
Produktiivse Reacti keskkonna installimiseks peame konfigureerima sellised tööriistad nagu Babel, veebipakk jne ..., mida on Reacti maailma algajatele keeruline seadistada. Kuid võime leida mitmeid tööriistu, mis meid konfiguratsioonis aitavad. Nende seast leiame create-react-app, mis on kõige lihtsam tööriist kasutada ja konfigureerida.
Rakenduse Loo reageerimine on Reacti õppimiseks mugav keskkondja see on parim viis React'i abil uue ühe lehe rakenduse loomiseks.
Looge rakendus React, et konfigureerida oma arenduskeskkond et saaksite kasutada uusimaid Javascripti funktsioone, pakkudes head arenduskogemust ja optimeerides oma rakendust tootmiseks. Nagu nende veebisaidil on näidatud, peab teie arvutisse olema installitud Node> = 8.10 ja npm> = 5.6.
Saame hakkama installige rakendusreageeri-rakendus, kasutades npm-i. Selleks peame terminalis (Ctrl + Alt + T) täitma ainult järgmise installikäsu:
sudo npm install -g create-react-app
Kui rakenduse loomine-reageerimine-rakenduse installimine on meie süsteemis lõpule jõudnud, saame seda teha kontrollige installitud versiooni järgmise käsu käivitamine:
create-react-app --version
Esimese rakenduse React loomine
Meie esimese rakenduse Reageerida saab luua lihtsalt rakenduse loomine-reageerimine abil. Peame kasutama ainult järgmist käsku:
create-react-app mi-primera-app
Ülaltoodud käsk loob rakenduse nimega React minu esimene rakendus. Samal ajal luuakse sama kausta nimega uus kaust, mis sisaldab kõiki vajalikke faile, sätteid ja teeke.
Rakenduse React käitamine
Kui projekt React on loodud, peame liikuma projekti kataloogi ja käivitama järgmise käsu abil rakenduse React terminalis (Ctrl + Alt + T):
npm start
Käsk npm algus käivitage arendusserver, mis täidab kogu koostamisprotsessi.
Terminal ütleb meile, et peame avage brauser ja laadige rakendus, mis töötab vaikimisi aadressil http: // localhost: 3000. Kui brauser avaneb, näeme ekraanil Reacti logo ja tekste.
Desinstallige loomise-reageerimise-rakenduse ja npm
Kasutajad saame desinstallida kõik npm-ist installitud teegid käsu npm desinstallimine abil. Desinstallimiseks käivitage terminalis järgmine käsk (Ctrl + Alt + T) loo-reageeri-rakendus:
sudo npm uninstall -g create-react-app
Samamoodi saame desinstallige npm kasutades seda teist käsku samas terminalis:
sudo apt remove nodejs
Lisateavet selle JavaScripti teegi kohta kasutajaliideste loomiseks leiate projekti dokumentatsioon.
Suurepärane sisu! Obrigado!