React je javascriptová knihovna používaná k vytváření rychlých interaktivních uživatelských rozhraní. React vyvinul Facebook v roce 2011 a rozrostl se na nejoblíbenější knihovnu Javascript pro vývoj webových aplikací a mobilních aplikací.
Předpoklady
Než nainstalujeme React, potřebujeme nejprve několik věcí.
- Server se systémem Ubuntu 20.04 nebo 18.04.
- Asi 10 minut a šálek kávy nebo horkého čaje. Dávám přednost Vanilla Chai s trochou plnotučného mléka nebo mandlí podle toho, jakou mám ten den náladu.
Krok 1 – Instalace NPM
Nejprve musíme nainstalovat NPM (mode package manager), což je nástroj příkazového řádku a registr, který obsahuje tisíce balíčků Node.js.
Nainstalujte npm:
$ sudo apt install npm
Bam! To bylo jednoduché. Npm je nainstalován a nyní můžete zkontrolovat verzi pomocí:
$ npm --version
$ node --version ← Instalace npm také nainstalovala Node.js, tím se zkontroluje jeho verze.
Krok 2 – Nainstalujte create-react-app
Nyní musíme nainstalovat nástroj create-react-app, který vám poskytne nástroje potřebné k vytváření aplikací React.
$ sudo npm -g install create-react-app
Potvrďte verzi:
$ create-react-app --version
Krok 3 — Vytvořte a spusťte aplikaci React
Nyní k těm zábavným věcem! Pojďme vytvořit vaši první aplikaci React. Tento proces je poměrně jednoduchý a aplikaci můžete spustit a spustit během několika minut.
Chcete-li vytvořit vstup aplikace React:
$ create-react-app [app-name] ← Nahraďte „[app-name]“ čímkoli, co se vám líbí. Do toho, zblázněte se.
Systém začne instalovat všechny potřebné balíčky a nástroje, což zabere několik minut.
Po vytvoření aplikace budete vyzváni k zadání seznamu příkazů pro správu aplikace.
Tyto příkazy můžete vždy zkopírovat/vložit do textového souboru na ploše a uložit si je na později. Moje plocha je plná náhodných poznámek k Linuxu!
Krok 3 – Spusťte svou novou aplikaci
V našem posledním kroku jste vytvořili svou novou aplikaci, nyní ji musíme spustit. Chcete-li to provést, přejděte nejprve do adresáře aplikací:
$ cd [app-name] ← Znovu nahraďte „[app-name]“ vámi zvoleným názvem.
Zadejte tento příkaz:
$ npm start
Měli byste vidět výstup zobrazující IP adresy a číslo portu pro zobrazení vaší aplikace.
Otevřete vybraný webový prohlížeč, doufejme, že ne Microsoft Edge, a přejděte na:
http://ip-address:3000
Po přechodu na vaši instalaci Reactu byste měli být uvítáni výchozí stránkou React. Gratulujeme! Právě jste si nainstalovali React a nyní se můžete vyvíjet podle svého srdce.