Jak nainstalovat ReactJS na Ubuntu 20.04 LTS

V tomto tutoriálu vám ukážeme, jak nainstalovat ReactJS na Ubuntu 20.04 LTS. Pro ty z vás, kteří to nevěděli, React je open-source JavaScriptová knihovna pro vytváření webového rozhraní a Komponenty uživatelského rozhraní. Je vyvíjen a udržován Facebookem a velkou komunitou vývojářů. ReactJS lze použít při vývoji webových aplikací nebo mobilních aplikací.

Tento článek předpokládá, že máte alespoň základní znalosti Linuxu, víte, jak používat shell, a co je nejdůležitější, hostujete svůj web na vlastním VPS. Instalace je poměrně jednoduchá a předpokládá, že běží v účtu root, pokud ne, možná budete muset přidat 'sudo ‘ k příkazům pro získání oprávnění root. Ukážu vám krok za krokem instalaci ReactJS na Ubuntu 20.04 (Focal Fossa). Můžete postupovat podle stejných pokynů pro Ubuntu 18.04, 16.04 a jakoukoli jinou distribuci založenou na Debianu, jako je Linux Mint.

Předpoklady

• Server s jedním z následujících operačních systémů:Ubuntu 20.04, 18.04 a jakoukoli jinou distribucí založenou na Debianu, jako je Linux Mint nebo základní OS.
• Abyste předešli případným problémům, doporučujeme použít novou instalaci operačního systému.
• non-root sudo user nebo přístup k root user . Doporučujeme jednat jako non-root sudo user , protože však můžete poškodit svůj systém, pokud nebudete při jednání jako root opatrní.

Nainstalujte ReactJS na Ubuntu 20.04 LTS Focal Fossa

Krok 1. Nejprve se ujistěte, že všechny vaše systémové balíčky jsou aktuální, spuštěním následujícího apt příkazy v terminálu.

sudo apt update
sudo apt upgrade

Krok 2. Instalace Node.js.

Nyní jsme do vašeho systému Ubuntu přidali PPA Node.js:

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Dále spusťte následující příkaz k instalaci souboru Node.js:

sudo apt install nodejs

Můžete si také nainstalovat správce balíčků Yarn do svého systému Ubuntu:

npm install -g yarn

Krok 3. Vytvořte novou aplikaci React.js.

Aplikaci React.js můžete vytvořit pomocí jednoho z následujících příkazů:

yarn create react-app myreactapp

Po úspěšném vytvoření aplikace uvidíte na obrazovce dlouhý výsledek:

Success! Created reactproject at /opt/reactproject
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactproject
  npm start

Jakmile vytvoříte aplikaci React. Tím se v aktuálním adresáři vytvoří složka s názvem projektu. Přepněte se na tento projekt a spusťte yarn start pro spuštění aplikace:

cd myreactapp
yarn start

Výstup:

Compiled successfully!

You can now view myreactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use yarn build.

Blahopřejeme! Úspěšně jste nainstalovali ReactJS. Děkujeme, že jste použili tento návod k instalaci ReactJS do vašeho systému Ubuntu 20.04 LTS Focal Fossa. Pro další pomoc nebo užitečné informace vám doporučujeme navštívit oficiální ReactJS webové stránky.