Vyhledávání na webu

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.