Kaip įdiegti ReactJS Ubuntu


2011 m. Facebook sukurta React (dar vadinama ReactJS) yra „Javascript“ biblioteka, naudojama kuriant greitas ir interaktyvias vartotojo sąsajas. Rašymo metu tai buvo populiariausia „Javascript“ biblioteka, skirta kurti vartotojo sąsajas. „React“ savo funkcionalumu ir populiarumu lenkia savo kolegas – Angular ir Vue JS.

Jo populiarumą lemia lankstumas ir paprastumas, todėl jis yra pirmasis pasirinkimas kuriant mobiliąsias ir žiniatinklio programas. Daugiau nei 90 000 svetainių naudoja React, įskaitant technologijų milžinus, tokius kaip Facebook, Netflix, Instagram >, Airbnb ir Twitter.

Šiame straipsnyje sužinosite, kaip įdiegti ReactJS Ubuntu 20.04 ir Ubuntu 18.04.

1 veiksmas: NPM diegimas Ubuntu

Pradedame diegti React JS įdiegdami npm – mazgo paketų tvarkyklės trumpinys yra du dalykai. Pirma, tai yra komandinės eilutės įrankis, naudojamas sąveikauti su „Javascript“ paketais, leidžiantis vartotojams įdiegti, atnaujinti ir valdyti „Javascript“ įrankius ir bibliotekas.

Antra, npm yra internetinis atvirojo kodo programinės įrangos registras, kuriame yra daugiau nei 800 000 Node.JS paketų. Npm yra nemokama ir galite lengvai atsisiųsti programinės įrangos programų, kurios yra viešai prieinamos.

Norėdami įdiegti npm sistemoje Ubuntu Linux, prisijunkite prie serverio kaip sudo naudotojas ir iškvieskite toliau pateiktą komandą:

sudo apt install npm

Baigę diegti, galite patikrinti įdiegtą npm versiją naudodami komandą:

npm --version

6.14.4  [Output]

Naujausia versija šio rašymo metu yra v6.14.4, kaip užfiksuota išvestyje.

Įdiegus npm taip pat įdiegiamas node.js ir galite patvirtinti įdiegtą node versiją naudodami komandą:

node --version

v10.16.0  [Output]

2 veiksmas: įdiekite „create-react-app“ paslaugų programą

Create-react-app – tai programa, leidžianti nustatyti visus įrankius, reikalingus norint sukurti React programą. Tai sutaupo daug laiko ir energijos nustatant viską nuo nulio ir suteikia jums reikalingą pagrindą.

Norėdami įdiegti įrankį, paleiskite šią npm komandą:

sudo npm -g install create-react-app

Įdiegę galite patvirtinti įdiegtos versiją paleisdami:

create-react-app --version

4.0.1  [Output]

3 veiksmas: sukurkite ir paleiskite savo pirmosios reakcijos programą

Sukurti programą React yra gana paprasta ir nesudėtinga. Mes ketiname sukurti react programą, pavadintą tecmint-app, kaip nurodyta toliau.

create-react-app tecmint-app

Tai užtrunka maždaug 5 minutes, kol įdiegiami visi programai reikalingi paketai, bibliotekos ir įrankiai. Šiek tiek kantrybės pravers.

Jei programa buvo sukurta sėkmingai, toliau gausite pranešimą, kuriame bus nurodytos pagrindinės komandos, kurias galite paleisti, kad pradėtumėte tvarkyti programą.

Norėdami paleisti programą, eikite į programų katalogą

cd tecmint-app

Tada paleiskite komandą:

npm start

Galų gale gausite toliau pateiktą išvestį, kurioje bus parodyta, kaip pasiekti programą naršyklėje.

Paleiskite naršyklę ir naršykite savo serverio IP adresą

http://server-ip:3000

Tai rodo, kad numatytoji programa React yra sukurta ir veikia. Šiame vadove sėkmingai įdiegėme React JS ir sukūrėme programą React.