Jak nainstalovat ReactJS na Ubuntu
React (také označovaný jako ReactJS) vyvinutá Facebookem v roce 2011 je Javascriptová knihovna používaná k vytváření rychlých a interaktivních uživatelských rozhraní. V době psaní tohoto článku je to nejoblíbenější knihovna Javascript pro vývoj uživatelských rozhraní. React poráží své protějšky – Angular a Vue JS, pokud jde o funkčnost a popularitu.
Jeho popularita pramení z jeho flexibility a jednoduchosti, což z něj činí první volbu při vývoji mobilních aplikací a webových aplikací. Více než 90 000 webů používá React, včetně technologických gigantů, jako jsou Facebook, Netflix, Instagram , Airbnb a Twitter.
V tomto článku se dozvíte, jak nainstalovat ReactJS na Ubuntu 20.04 a Ubuntu 18.04.
Krok 1: Instalace NPM v Ubuntu
Instalaci React JS zahájíme instalací npm – zkratka pro správce balíčků uzlů, jsou dvě věci. Za prvé je to nástroj příkazového řádku, který se používá pro interakci s balíčky Javascript, který uživatelům umožňuje instalovat, aktualizovat a spravovat nástroje a knihovny Javascript.
Za druhé, npm je online registr softwaru s otevřeným zdrojovým kódem, který hostuje více než 800 000 balíčků Node.JS. Npm je zdarma a můžete si snadno stáhnout softwarové aplikace, které jsou veřejně dostupné.
Chcete-li nainstalovat npm na Ubuntu Linux, přihlaste se na svůj server jako uživatel sudo a vyvolejte následující příkaz:
sudo apt install npm
Po dokončení instalace můžete ověřit nainstalovanou verzi npm pomocí příkazu:
npm --version
6.14.4 [Output]
Nejnovější verze v době psaní tohoto článku je v6.14.4, jak je zachyceno ve výstupu.
Instalace npm také nainstaluje node.js a verzi nainstalovaného node můžete potvrdit pomocí příkazu:
node --version
v10.16.0 [Output]
Krok 2: Instalace nástroje create-react-app
create-react-app je nástroj, který vám umožňuje nastavit všechny nástroje potřebné k vytvoření aplikace React. Ušetří vám spoustu času a energie nastavováním všeho od nuly a poskytne vám potřebný náskok.
Chcete-li nástroj nainstalovat, spusťte následující příkaz npm:
sudo npm -g install create-react-app
Po instalaci můžete ověřit verzi nainstalované spuštěním:
create-react-app --version
4.0.1 [Output]
Krok 3: Vytvořte a spusťte svou aplikaci First React
Vytvoření aplikace React je poměrně jednoduché a přímočaré. Vytvoříme aplikaci pro reakce s názvem tecmint-app následovně.
create-react-app tecmint-app
Instalace všech balíčků, knihoven a nástrojů, které aplikace potřebuje, trvá zhruba 5 minut. Trochu trpělivosti se bude hodit.
Pokud bylo vytvoření aplikace úspěšné, zobrazí se níže upozornění se základními příkazy, které můžete spustit, abyste aplikaci začali spravovat.
Chcete-li aplikaci spustit, přejděte do adresáře app
cd tecmint-app
Poté spusťte příkaz:
npm start
Nakonec získáte výstup níže, který vám ukáže, jak přistupovat k aplikaci v prohlížeči.
Spusťte prohlížeč a vyhledejte IP adresu svého serveru
http://server-ip:3000
To ukazuje, že výchozí aplikace React je spuštěna. V této příručce jsme úspěšně nainstalovali React JS a vytvořili aplikaci v React.