ReactJS-i installimine Ubuntu

2011. aastal Facebooki poolt välja töötatud React (nimetatakse ka ReactJS) on Javascripti teek, mida kasutatakse kiirete ja interaktiivsete kasutajaliideste loomiseks. Kirjutamise ajal on see kasutajaliideste arendamiseks kõige populaarsem Javascripti teek. React troonib oma kolleege - Angular ja Vue JS funktsionaalsuse ja populaarsuse osas.

Selle populaarsus tuleneb selle paindlikkusest ja lihtsusest ning see muudab selle mobiilirakenduste ja veebirakenduste arendamisel esimeseks valikuks. Üle 90 000 saidi kasutab Reactit, sealhulgas tehnoloogiagigandid nagu Facebook, Netflix, Instagram, Airbnb ja Twitter, et loetleda neid.

Selles artiklis saate teada, kuidas installida ReactJS Ubuntu 20.04 ja Ubuntu 18.04.

1. samm: NPM-i installimine Ubuntu

Alustame React JS-i installimist npm-i installimisega - see on lühike sõlmpaketi haldur, on kaks asja. Esiteks on see käsurea tööriist, mida kasutatakse Javascripti pakettidega suhtlemiseks, mis võimaldab kasutajatel installida, värskendada ja hallata Javascripti tööriistu ja teeke.

Teiseks on npm veebipõhine avatud lähtekoodiga tarkvararegister, mis majutab üle 800 000 Node.JS paketi. Npm on tasuta ja saate hõlpsalt alla laadida avalikult kättesaadavaid tarkvararakendusi.

Npm installimiseks Ubuntu Linuxi sisse logige oma serverisse sudo kasutajana ja kutsuge allolev käsk:

$ sudo apt install npm

Kui installimine on lõpule jõudnud, saate installitud npm versiooni kontrollida käsuga:

$ npm --version

6.14.4  [Output]

Selle kirjutamise ajal on viimane versioon v6.14.4, nagu see on väljundis.

Npm installimine installib ka node.js ja installitud sõlme versiooni saate kinnitada käsuga:

$ node --version

v10.16.0  [Output]

2. samm: installi-reageeri-rakenduse utiliidi installimine

luua-reageerida-rakendus on utiliit, mis võimaldab teil seadistada kõik rakenduse React loomiseks vajalikud tööriistad. See säästab palju aega ja energiat, seades kõike nullist ja annab vajaliku alguse.

Tööriista installimiseks käivitage järgmine käsk npm:

$ sudo npm -g install create-react-app

Pärast installimist saate installitud versiooni kinnitada käivitades:

$ create-react-app --version

4.0.1  [Output]

3. samm: looge ja käivitage oma esimene reageeriv rakendus

Rakenduse React loomine on üsna lihtne ja arusaadav. Loome reaktsioonirakenduse nimega tecmint-app järgmiselt.

$ create-react-app tecmint-app

Kõigi rakendusele vajalike pakettide, teekide ja tööriistade installimine võtab aega umbes 5 minutit. Mõni kannatlikkus tuleb kasuks.

Kui rakenduse loomine õnnestus, saate allpool teate, milles antakse põhikäsklused, mida saate käivitada rakenduse haldamise alustamiseks.

Rakenduse käitamiseks navigeerige rakenduste kataloogi

$ cd tecmint-app

Seejärel käivitage käsk:

$ npm start

Lõpuks saate allpool oleva väljundi, mis näitab teile, kuidas brauseris rakendusele juurde pääseda.

Käivitage oma brauser ja sirvige oma serveri IP-aadressi

http://server-ip:3000

See näitab, et vaikerakendus React töötab ja töötab. Selles juhendis oleme edukalt installinud React JS-i ja loonud rakendusse React.