Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky
ReactJS je populárna knižnica JavaScript na vytváranie používateľských rozhraní. Používa architektúru založenú na komponentoch, čo uľahčuje vytváranie zložitých a interaktívnych aplikácií. V tomto návode vám ukážeme, ako nainštalovať ReactJS na Ubuntu 20.04 LTS (Focal Fossa).
Skôr ako začnete, budete potrebovať nasledovné:
* Počítač so systémom Ubuntu 20.04 LTS.
* Textový editor (napríklad nano alebo vi).
* Emulátor terminálu (napríklad GNOME Terminal alebo Konsole).
ReactJS vyžaduje na spustenie Node.js. Ak chcete nainštalovať Node.js, postupujte takto:
1. Otvorte emulátor terminálu.
2. Aktualizujte index balíkov:
```
aktualizácia sudo apt
```
3. Nainštalujte Node.js:
```
sudo apt install nodejs
```
npm je správca balíkov pre Node.js. Ak chcete nainštalovať npm, postupujte takto:
1. Otvorte emulátor terminálu.
2. Nainštalujte npm:
```
sudo apt install npm
```
Ak chcete vytvoriť nový projekt ReactJS, postupujte takto:
1. Otvorte emulátor terminálu.
2. Prejdite do adresára, kde chcete vytvoriť projekt:
```
cd ~/projekty
```
3. Spustite nasledujúci príkaz na vytvorenie nového projektu:
```
npx create-react-app my-app
```
Tým sa vytvorí nový adresár s názvom `my-app`, ktorý obsahuje všetky potrebné súbory pre projekt ReactJS.
Ak chcete spustiť vývojový server, postupujte takto:
1. Otvorte emulátor terminálu.
2. Prejdite do adresára projektu:
```
cd ~/projects/my-app
```
3. Spustite nasledujúci príkaz na spustenie vývojového servera:
```
npm štart
```
Toto spustí vývojový server na porte 3000. Teraz môžete otvoriť webový prehliadač a prejsť na `localhost:3000`, aby ste videli aplikáciu ReactJS.
Zdrojový kód aplikácie ReactJS sa nachádza v adresári `src`. Hlavným komponentom aplikácie je súbor „App.js“. Tento súbor môžete upraviť, aby ste zmenili vzhľad a funkcie aplikácie.
Ak chcete napríklad zmeniť názov aplikácie, môžete upraviť súbor „App.js“ a zmeniť nasledujúci riadok:
```
Upravte
src/App.js a uložte na opätovné načítanie.
```
na nasledujúce:
```
Dobrý deň, Svet!
```
Týmto sa zmení názov aplikácie na „Hello, World!“.
Keď ste pripravení nasadiť aplikáciu ReactJS, môžete ju zostaviť pre produkciu spustením nasledujúceho príkazu:
```
npm spustiť zostavenie
```
Tým sa vytvorí adresár `build`, ktorý obsahuje všetky potrebné súbory pre produkčnú verziu aplikácie.
Proces nasadenia aplikácie ReactJS závisí od hostiteľskej platformy, ktorú používate. Ďalšie informácie nájdete v dokumentácii k vašej hostiteľskej platforme.
V tomto návode sme vám ukázali, ako nainštalovať ReactJS na Ubuntu 20.04 LTS (Focal Fossa). Tiež sme vám ukázali, ako vytvoriť jednoduchú aplikáciu ReactJS a ako upraviť kód, aby ste zmenili jeho vzhľad a funkčnosť.