Készítse el a React alkalmazást, és hozza létre az első alkalmazását a React Ubuntu 20.04 alkalmazással

A következő cikkben megnézzük hogyan hozhatjuk létre az első alkalmazást a ReactJS segítségével az Ubuntu 20.04-en a Create React App használatával. A ReactJS egy nyílt forráskódú JavaScript könyvtár, amelyet a felhasználói felület létrehozására használnak, a Facebook és a fejlesztői közösség fenntartja. A ReactJS használható webes alkalmazások vagy mobil alkalmazások fejlesztésében.

A Reactben más néven ReactJS, az adatokat a DOM kezeli. A React alkalmazás futtatásához további könyvtárak szükségesek az útválasztáshoz és az állapotkezeléshez. Néhány példa ezekre a könyvtárakra Redux y ReactRouter.

A React telepítése az Ubuntu 20.04-re

A React telepítéséhez a rendszerünkbe először meg kell tudnunk, mi az npm, és meg kell értenünk, miért van szükségünk rájuk. Az Npm a Node Package Manager rövidítést jelenti, és ez a világ legnagyobb nyílt forráskódú szoftver-nyilvántartása. Több mint 800.000 XNUMX kódcsomagot tartalmaz. Az Npm használata ingyenes, és bármilyen nyilvános szoftver letölthető és használható regisztráció vagy bejelentkezés nélkül.

Az Npm a javascript alkalmazások függőségkezelő eszköze, amely segíti az összes könyvtár és egyéb eszközök telepítését a JS alkalmazások fejlesztésének támogatása érdekében.

Telepítse az npm-et

hogy telepítse a nodejs alkalmazást, amely tartalmazza az npm-et, csak egy terminált kell megnyitnunk (Ctrl + Alt + T), és végre kell hajtanunk a következő parancsot:

sudo apt install nodejs

Az npm telepítés befejezése után megtehetjük ellenőrizze a csomópont verzióját. Ezt a következő paranccsal tehetjük meg:

npm -v

A telepített npm verziója a telepítés dátumától függ, mivel a frissítést gyakran hajtják végre. Szükséges, hogy megbizonyosodjunk arról, hogy 5-nél magasabb verzió van telepítve.

hogy ellenőrizze a csomópont telepített verzióját, a használni kívánt parancs a következő lesz:

node -v

Ha nincs telepítve az npm legújabb verziója a rendszerére, frissítheti a Node Package Manager (npm) legújabb verzióját a parancs futtatása a terminálban:

sudo npm install -g npm@latest

Telepítse a create-react-app alkalmazást

A produktív React környezet telepítéséhez olyan eszközöket kell konfigurálnunk, mint a babel, a webpack stb., Amelyeket a React világ kezdőinek bonyolult konfigurálni. De számos olyan eszközt találhatunk, amelyek segítenek nekünk a konfigurálásban. Köztük megtaláljuk create-react-app, amely a legkönnyebben használható és konfigurálható eszköz.

A React App létrehozása kényelmes környezet a React megtanulásához, és ez a legjobb módszer új egyoldalas alkalmazás létrehozásának megkezdéséhez a React használatával.

A React App létrehozása konfigurálja a fejlesztői környezetet hogy a legfrissebb Javascript-szolgáltatásokat használhassa, jó fejlesztési élményt nyújtva, és optimalizálva az alkalmazást a termeléshez. Amint azt a weboldaluk jelzi, a számítógépre telepíteni kell a Node> = 8.10 és npm> = 5.6 elemeket.

Tudunk telepítse a create-react-app alkalmazást az npm használatával. Ehhez egy terminálban (Ctrl + Alt + T) csak a következő telepítési parancsot kell végrehajtanunk:

sudo npm install -g create-react-app

Miután a create-reagál-alkalmazás alkalmazás telepítése befejeződött a rendszerünkben, megtehetjük ellenőrizze a telepített verziót a következő parancs végrehajtása:

create-react-app --version

Az első React alkalmazás létrehozása

Az első React alkalmazásunk egyszerűen létrehozható a create-reagál-alkalmazás használatával. Csak a következő parancsot kell használnunk:

create-react-app mi-primera-app

A fenti parancs létrehoz egy React nevű alkalmazást my-first-app. Ugyanabban az időben létrejön egy új mappa az alkalmazás azonos nevével, amely tartalmazza az összes szükséges fájlt, konfigurációt és könyvtárat.

A React alkalmazás futtatása

A React projekt létrehozása után át kell költöznünk a projekt könyvtárba, és a következő paranccsal futtatnunk kell a React alkalmazást a terminálban (Ctrl + Alt + T):

npm start

A parancs npm kezdés indítsa el a fejlesztési kiszolgálót, amely a teljes összeállítási folyamatot végrehajtja.

A terminál megmondja nekünk, hogy muszáj nyissa meg a böngészőt, és töltse be alapértelmezés szerint a http: // localhost: 3000 URL-címen futó alkalmazást. Amikor a böngésző megnyílik, a React logót és szövegeket látjuk a képernyőn.

Távolítsa el a create-react-app és az npm alkalmazást

Felhasználói az npm uninstall paranccsal eltávolíthatunk minden, az npm-ről telepített könyvtárat. Az eltávolításhoz futtassa a következő parancsot a terminálban (Ctrl + Alt + T) create-reagál-app:

sudo npm uninstall -g create-react-app

Hasonlóképpen megtehetjük uninstall npm ezzel a másik paranccsal ugyanabban a terminálban:

sudo apt remove nodejs

További információ erről a JavaScript könyvtárról a felhasználói felületek létrehozásához a projektdokumentáció.