A ReactJS telepítése Ubuntu-ra

A Facebook által 2011-ben kifejlesztett React (más néven ReactJS) egy Javascript-könyvtár, amelyet gyors és interaktív felhasználói felületek létrehozására használnak. A cikk írásakor ez a legnépszerűbb Javascript-könyvtár a felhasználói felületek fejlesztésére. A React a funkcionalitás és a népszerűség tekintetében lenyomja társait – az Angular és a Vue JS.

Népszerűsége rugalmasságából és egyszerűségéből fakad, és ez teszi az első számú választássá a mobilalkalmazások és webes alkalmazások fejlesztésében. Több mint 90 000 webhely használja a React szolgáltatást, köztük olyan technológiai óriásokat, mint a Facebook, Netflix, Instagram >, Airbnb és Twitter, hogy csak néhányat soroljunk fel.

Ebből a cikkből megtudhatja, hogyan telepítheti a ReactJS programot Ubuntu 20.04 és Ubuntu 18.04 rendszereken.

1. lépés: Az NPM telepítése Ubuntuban

A React JS telepítését az npm telepítésével kezdjük – a csomóponti csomagkezelő rövidítése két dolog. Először is, ez egy parancssori eszköz, amelyet a Javascript-csomagokkal való interakcióra használnak, és amely lehetővé teszi a felhasználók számára a Javascript-eszközök és -könyvtárak telepítését, frissítését és kezelését.

Másodszor, az npm egy online nyílt forráskódú szoftver-nyilvántartás, amely több mint 800 000 Node.JS csomagot tárol. Az Npm ingyenes, és egyszerűen letölthet nyilvánosan elérhető szoftveralkalmazásokat.

Az npm telepítéséhez Ubuntu Linuxra jelentkezzen be a szerverére sudo felhasználóként, és hívja ki az alábbi parancsot:

sudo apt install npm

A telepítés befejezése után a következő paranccsal ellenőrizheti az npm telepített verzióját:

npm --version

6.14.4  [Output]

Az írás idején a legújabb verzió a kimenetben rögzített v6.14.4.

Az npm telepítése a node.js fájlt is telepíti, és a következő paranccsal ellenőrizheti a node telepített verzióját:

node --version

v10.16.0  [Output]

2. lépés: A create-react-app segédprogram telepítése

A create-react-app egy segédprogram, amely lehetővé teszi a React alkalmazás létrehozásához szükséges összes eszköz beállítását. Rengeteg időt és energiát takarít meg, ha mindent a nulláról állít be, és megadja a szükséges előnyt.

Az eszköz telepítéséhez futtassa a következő npm parancsot:

sudo npm -g install create-react-app

A telepítés után a következő futtatásával ellenőrizheti a telepített verziót:

create-react-app --version

4.0.1  [Output]

3. lépés: Hozza létre és indítsa el First React alkalmazását

A React alkalmazás létrehozása meglehetősen egyszerű és egyértelmű. Létre fogunk hozni egy tecmint-app nevű react alkalmazást az alábbiak szerint.

create-react-app tecmint-app

Ez nagyjából 5 percet vesz igénybe az alkalmazáshoz szükséges összes csomag, könyvtár és eszköz telepítése. Jól jön egy kis türelem.

Ha az alkalmazás létrehozása sikeres volt, akkor az alábbi értesítést kapja, amely tartalmazza az alapvető parancsokat, amelyek futtatásával elindíthatja az alkalmazás kezelését.

Az alkalmazás futtatásához lépjen az app könyvtárba

cd tecmint-app

Ezután futtassa a parancsot:

npm start

A végén megkapja az alábbi kimenetet, amely megmutatja, hogyan érheti el az alkalmazást a böngészőben.

Indítsa el a böngészőt, és böngésszen a szerver IP-címén

http://server-ip:3000

Ez azt mutatja, hogy az alapértelmezett React alkalmazás működik és fut. Ebben az útmutatóban sikeresen telepítettük a React JS-t, és létrehoztunk egy alkalmazást a React alkalmazásban.