Hvernig á að setja upp ReactJS á Ubuntu


React (einnig nefnt ReactJS) var þróað af Facebook árið 2011 og er Javascript bókasafn notað til að búa til hröð og gagnvirk notendaviðmót. Þegar þetta er skrifað er það vinsælasta Javascript bókasafnið til að þróa notendaviðmót. React dregur úr hliðstæðum sínum - Angular og Vue JS hvað varðar virkni og vinsældir.

Vinsældir þess stafa af sveigjanleika og einfaldleika og það gerir það að fyrsta vali í þróun farsímaforrita og vefforrita. Meira en 90.000 síður nota React, þar á meðal tæknirisar eins og Facebook, Netflix, Instagram, Airbnb og Twitter til að telja upp nokkrar.

Í þessari grein muntu læra hvernig á að setja upp ReactJS á Ubuntu 20.04 og Ubuntu 18.04.

Skref 1: Uppsetning NPM í Ubuntu

Við byrjum uppsetningu á React JS með því að setja upp npm – stutt fyrir hnútapakkastjórann, er tvennt. Í fyrsta lagi er það skipanalínuverkfæri sem er notað til að hafa samskipti við Javascript pakka, sem gerir notendum kleift að setja upp, uppfæra og stjórna Javascript verkfærum og bókasöfnum.

Í öðru lagi, npm er opinn hugbúnaðarskrá á netinu sem hýsir yfir 800.000 Node.JS pakka. Npm er ókeypis og þú getur auðveldlega hlaðið niður hugbúnaði sem eru aðgengileg almenningi.

Til að setja upp npm á Ubuntu Linux skaltu skrá þig inn á netþjóninn þinn sem sudo notandi og kalla fram skipunina hér að neðan:

$ sudo apt install npm

Þegar uppsetningunni er lokið geturðu staðfest útgáfu npm sem er uppsett með því að nota skipunina:

$ npm --version

6.14.4  [Output]

Nýjasta útgáfan þegar þetta er skrifað er v6.14.4 eins og hún er tekin í úttakinu.

Uppsetning npm setur einnig upp node.js og þú getur staðfest útgáfu hnútsins sem er uppsett með skipuninni:

$ node --version

v10.16.0  [Output]

Skref 2: Setja upp create-react-app tólið

create-react-app er tól sem gerir þér kleift að setja upp öll þau verkfæri sem þarf til að búa til React forrit. Það sparar þér mikinn tíma og orku við að stilla allt frá grunni og gefur þér það forskot sem þú þarft.

Til að setja upp tólið skaltu keyra eftirfarandi npm skipun:

$ sudo npm -g install create-react-app

Þegar það hefur verið sett upp geturðu staðfest útgáfuna af uppsettu með því að keyra:

$ create-react-app --version

4.0.1  [Output]

Skref 3: Búðu til og ræstu fyrsta React forritið þitt

Það er frekar einfalt og einfalt að búa til React forrit. Við ætlum að búa til react app sem heitir tecmint-app sem hér segir.

$ create-react-app tecmint-app

Þetta tekur um það bil 5 mínútur að setja upp alla pakka, bókasöfn og verkfæri sem forritið þarfnast. Einhver þolinmæði mun koma sér vel.

Ef stofnun forritsins tókst, færðu tilkynninguna hér að neðan sem gefur grunnskipanirnar sem þú getur keyrt til að byrja að stjórna forritinu.

Til að keyra forritið skaltu fara inn í forritaskrána

$ cd tecmint-app

Keyrðu síðan skipunina:

$ npm start

Þú munt á endanum fá úttakið hér að neðan sem sýnir þér hvernig á að fá aðgang að forritinu í vafranum.

Kveiktu á vafranum þínum og skoðaðu IP tölu netþjónsins þíns

http://server-ip:3000

Þetta sýnir að sjálfgefna React appið er í gangi. Í þessari handbók höfum við sett upp React JS og búið til forrit í React.