Jak nainstalovat ReactJS na Debian 11

V tomto tutoriálu vám ukážeme, jak nainstalovat ReactJS na Debian 11. Pro ty z vás, kteří nevěděli, React je open-source JavaScriptová knihovna používaná k vývoji front- koncové webové aplikace. Umožňuje vytvářet opakovaně použitelné komponenty pro jednostránkové uživatelské rozhraní. Vyvíjí a udržuje jej Facebook a velká komunita 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 Debian 11 (Bullseye).

Předpoklady

• Server s jedním z následujících operačních systémů:Debian 11 (Bullseye).
• Abyste předešli případným problémům, doporučujeme použít novou instalaci operačního systému.
• uživatel sudo bez root nebo přístup k uživateli root . Doporučujeme jednat jako nerootový uživatel sudo , protože však můžete poškodit svůj systém, pokud nebudete při jednání jako root opatrní.

Nainstalujte ReactJS na Debian 11 Bullseye

Krok 1. Než nainstalujeme jakýkoli software, je důležité se ujistit, že váš systém je aktuální, spuštěním následujícího apt příkazy v terminálu:

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Krok 2. Instalace Node.js.

Node.js vám umožňuje spouštět JavaScript na straně serveru a mimo prohlížeč. Nyní přidáváme oficiální úložiště Node.js ručně na Debian 11:

curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -

Jakmile je úložiště úspěšně přidáno, můžete nyní nainstalovat Node.js pomocí následujícího příkazu:

sudo apt install nodejs

Nakonec zkontrolujte verzi Node.js pomocí následujícího příkazu:

node -v

Zkontrolujte verzi npm:

npm -v

Krok 3. Instalace React.js na Debian 11.

Po instalaci uzlu a npm je k vytvoření aplikace potřeba následující příkaz ke stažení nezbytných závislostí, které vaše aplikace potřebuje ke spuštění:

npm install -g create-react-app

Dále vytvořte aplikaci React pomocí následujícího příkazu:

create-react-app reactapp

Výstup:

Success! Created reactapp at /root/reactapp
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 reactapp
  npm start

Potom změňte adresář na aplikaci. Poznámka:Reagapp je název aplikace, kterou chcete vytvořit:

cd reactapp
npm start 0.0.0.0

Výstup:

> [email protected] start
> react-scripts start "0.0.0.0"
Compiled successfully!

You can now view reactapp in the browser.

  http://localhost:3000

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

Krok 4. Přístup k webovému rozhraní ReactJS.

Po úspěšné instalaci otevřete webový prohlížeč a otestujte aplikaci React pomocí adresy URL http://ip-adresa-vašeho-serveru:3000 . Měli byste vidět výchozí stránku React:

Blahopřejeme! Úspěšně jste nainstalovali ReactJS. Děkujeme, že jste použili tento návod k instalaci nejnovější verze ReactJS na Debian 11 Bullseye. Pro další pomoc nebo užitečné informace vám doporučujeme navštívit oficiální ReactJS webové stránky.