Kā instalēt ReactJS Ubuntu

2011. gadā Facebook izstrādātais React (saukts arī par ReactJS) ir Javascript bibliotēka, ko izmanto ātru un interaktīvu lietotāju saskarņu izveidošanai. Rakstīšanas laikā tā ir vispopulārākā Javascript bibliotēka, kas paredzēta lietotāju saskarņu izveidei. React pazaudē savus kolēģus - Angular un Vue JS funkcionalitātes un popularitātes ziņā.

Tās popularitāte izriet no elastības un vienkāršības, un tas padara to par pirmo izvēli mobilo lietotņu un tīmekļa lietojumprogrammu izstrādē. Vairāk nekā 90 000 vietņu izmanto React, tostarp tādus tehnoloģiju gigantus kā Facebook, Netflix, Instagram, Airbnb un Twitter, lai uzskaitītu dažus.

Šajā rakstā jūs uzzināsiet, kā instalēt ReactJS Ubuntu 20.04 un Ubuntu 18.04.

1. solis: NPM instalēšana Ubuntu

Mēs sākam React JS instalēšanu, instalējot npm - īss mezglu pakotņu pārvaldniekam, ir divas lietas. Pirmkārt, tas ir komandrindas rīks, ko izmanto mijiedarbībai ar Javascript pakotnēm, kas lietotājiem ļauj instalēt, atjaunināt un pārvaldīt Javascript rīkus un bibliotēkas.

Otrkārt, npm ir tiešsaistes atvērtā pirmkoda programmatūras reģistrs, kurā mitinās vairāk nekā 800 000 Node.JS pakotņu. Npm ir bez maksas, un jūs varat viegli lejupielādēt programmatūras lietojumprogrammas, kas ir publiski pieejamas.

Lai instalētu npm Ubuntu Linux, piesakieties savā serverī kā sudo lietotājs un izsauciet tālāk norādīto komandu:

$ sudo apt install npm

Kad instalēšana ir pabeigta, varat pārbaudīt instalētās npm versiju, izmantojot komandu:

$ npm --version

6.14.4  [Output]

Uzrakstīšanas laikā jaunākā versija ir v6.14.4, kas ierakstīta izvadē.

Instalējot npm, tiek instalēts arī node.js, un jūs varat apstiprināt instalētā mezgla versiju, izmantojot komandu:

$ node --version

v10.16.0  [Output]

2. darbība: instalējiet utilītu create-reago-app

Izveidot-reaģēt-lietotne ir utilīta, kas ļauj iestatīt visus rīkus, kas nepieciešami, lai izveidotu React lietojumprogrammu. Tas ietaupa jums daudz laika un enerģijas, visu iestatot no nulles, un dod nepieciešamo sākumu.

Lai instalētu rīku, palaidiet šādu komandu npm:

$ sudo npm -g install create-react-app

Pēc instalēšanas jūs varat apstiprināt instalētās versiju, palaižot:

$ create-react-app --version

4.0.1  [Output]

3. darbība: izveidojiet un palaidiet savu pirmo React lietojumprogrammu

React lietojumprogrammas izveide ir diezgan vienkārša un vienkārša. Mēs gatavojamies izveidot reaģēšanas lietotni ar nosaukumu tecmint-app šādi.

$ create-react-app tecmint-app

Visu lietojumprogrammai nepieciešamo pakotņu, bibliotēku un rīku instalēšana prasa apmēram 5 minūtes. Zināma pacietība noderēs.

Ja lietojumprogrammas izveide bija veiksmīga, jūs saņemsit tālāk sniegto paziņojumu, kurā sniegtas pamata komandas, kuras varat palaist, lai sāktu pārvaldīt lietojumprogrammu.

Lai palaistu lietojumprogrammu, dodieties uz lietotņu direktoriju

$ cd tecmint-app

Pēc tam izpildiet komandu:

$ npm start

Jūs galu galā iegūsiet zemāk redzamo rezultātu, parādot, kā pārlūkprogrammā piekļūt lietojumprogrammai.

Aktivizējiet pārlūkprogrammu un pārlūkojiet sava servera IP adresi

http://server-ip:3000

Tas parāda, ka noklusējuma lietotne React ir izveidota un darbojas. Šajā ceļvedī mēs esam veiksmīgi instalējuši React JS un izveidojuši lietojumprogrammu React.