Ubuntu-da ReactJS-ni nädip gurmaly

2011-nji ýylda “Facebook” tarapyndan işlenip düzülen React (ReactJS hem diýilýär) çalt we interaktiw ulanyjy interfeýslerini döretmek üçin ulanylýan Javascript kitaphanasydyr. Writingazylanda ulanyjy interfeýslerini ösdürmek üçin iň meşhur Javascript kitaphanasydyr. React, kärdeşleri bilen işleýär - Funksiýa we meşhurlyk nukdaýnazaryndan Angular we Vue JS.

Onuň meşhurlygy çeýeligi we ýönekeýliginden gelip çykýar we bu ony ykjam programmalary we web programmalaryny ösdürmekde ilkinji saýlamaga öwürýär. 90,000-den gowrak saýt, Facebook, Netflix, Instagram, Airbnb we Twitter ýaly tehnologiýa ägirtlerini öz içine alýan React-dan peýdalanýar.

Bu makalada Ubuntu 20.04 we Ubuntu 18.04-de ReactJS-i nädip gurmalydygyny öwrenersiňiz.

1-nji ädim: Ubuntu-da NPM gurmak

React JS-ni gurnamaga npm gurup başlaýarys - düwün paket dolandyryjysy üçin gysga, iki zat. Ilki bilen, ulanyjylara Javascript gurallaryny we kitaphanalaryny gurmaga, täzelemäge we dolandyrmaga mümkinçilik berýän Javascript paketleri bilen täsirleşmek üçin ulanylýan buýruk setiri guralydyr.

Ikinjiden, npm 800,000-den gowrak Node.JS paketini ýerleşdirýän onlaýn açyk çeşme programma üpjünçiligi sanawydyr. Npm mugt we köpçülige elýeterli programma üpjünçiligini aňsatlyk bilen göçürip alyp bilersiňiz.

Ubuntu Linux-da npm gurmak üçin sudo ulanyjy hökmünde serweriňize giriň we aşakdaky buýrugy çagyryň:

$ sudo apt install npm

Gurmak gutaransoň, buýruk ulanyp gurlan npm wersiýasyny barlap bilersiňiz:

$ npm --version

6.14.4  [Output]

Muny ýazan iň soňky wersiýa, çykyşda alnan ýaly v6.14.4.

Npm gurnamak node.js-y hem gurýar we buýrugy ulanyp gurlan düwüniň wersiýasyny tassyklap bilersiňiz:

$ node --version

v10.16.0  [Output]

2-nji ädim: Create-react-app Utility gurmak

create-react-app, React goýmasyny döretmek üçin zerur bolan ähli gurallary gurnamaga mümkinçilik berýän peýdalydyr. Everythinghli zady noldan düzmek üçin ep-esli wagt we güýç tygşytlaýar we zerur başlangyç berýär.

Gural gurmak üçin aşakdaky npm buýrugyny işlediň:

$ sudo npm -g install create-react-app

Gurlandan soň, gurnamak wersiýasyny işledip tassyklap bilersiňiz:

$ create-react-app --version

4.0.1  [Output]

3-nji ädim: Ilkinji reaksiýa programmaňyzy dörediň we işe giriziň

React programmasyny döretmek gaty ýönekeý we gönümel. Tecmint-app atly reaksiýa programmasyny aşakdaky ýaly dörederis.

$ create-react-app tecmint-app

Programma üçin zerur bolan ähli paketleri, kitaphanalary we gurallary gurmak üçin takmynan 5 minut gerek. Käbir sabyrlylyk peýdaly bolar.

Programmany döretmek üstünlikli bolsa, programmany dolandyryp başlamak üçin işledip boljak esasy buýruklary bermek barada aşakdaky habarnamany alarsyňyz.

Programmany işletmek üçin programma katalogyna geçiň

$ cd tecmint-app

Soňra buýrugy işlediň:

$ npm start

Aşakdaky çykyşy brauzerdäki programma nädip girip boljakdygyny görkezersiňiz.

Brauzeriňizi ýakyň we serweriňiziň IP adresine göz aýlaň

http://server-ip:3000

Bu, adaty React programmasynyň işleýändigini we işleýändigini görkezýär. Bu gollanmada React JS-ni üstünlikli gurduk we React-da programma döretdik.