Come installare ReactJS su Ubuntu 20.04 LTS

In questo tutorial, ti mostreremo come installare ReactJS su Ubuntu 20.04 LTS. Per chi non lo sapesse, React è una libreria JavaScript open source per la creazione di frontend web e Componenti dell'interfaccia utente. È sviluppato e mantenuto da Facebook e da una vasta comunità di sviluppatori. ReactJS può essere utilizzato nello sviluppo di applicazioni Web o app mobili.

Questo articolo presuppone che tu abbia almeno una conoscenza di base di Linux, sappia come usare la shell e, soprattutto, che ospiti il ​​tuo sito sul tuo VPS. L'installazione è abbastanza semplice e presuppone che tu sono in esecuzione nell'account root, in caso contrario potrebbe essere necessario aggiungere 'sudo ' ai comandi per ottenere i privilegi di root. Ti mostrerò l'installazione passo passo di ReactJS su Ubuntu 20.04 (Focal Fossa). Puoi seguire le stesse istruzioni per Ubuntu 18.04, 16.04 e qualsiasi altra distribuzione basata su Debian come Linux Mint.

Prerequisiti

• Un server che esegue uno dei seguenti sistemi operativi:Ubuntu 20.04, 18.04 e qualsiasi altra distribuzione basata su Debian come Linux Mint o SO elementare.
• Si consiglia di utilizzare una nuova installazione del sistema operativo per prevenire potenziali problemi.
• Un non-root sudo user o accedere all'root user . Ti consigliamo di agire come non-root sudo user , tuttavia, poiché puoi danneggiare il tuo sistema se non stai attento quando agisci come root.

Installa ReactJS su Ubuntu 20.04 LTS Focal Fossa

Passaggio 1. Innanzitutto, assicurati che tutti i pacchetti di sistema siano aggiornati eseguendo il seguente apt comandi nel terminale.

sudo apt update
sudo apt upgrade

Passaggio 2. Installazione di Node.js.

Ora aggiungiamo il PPA Node.js al tuo sistema Ubuntu:

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

Quindi, esegui il seguente comando per installare Node.js:

sudo apt install nodejs

Puoi anche installare il gestore di pacchetti Yarn sul tuo sistema Ubuntu:

npm install -g yarn

Passaggio 3. Crea una nuova app React.js.

Puoi creare un'applicazione React.js utilizzando uno dei seguenti comandi:

yarn create react-app myreactapp

Dopo aver creato correttamente l'applicazione, vedrai un lungo risultato sullo schermo:

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

Una volta creata l'applicazione React. Questo creerà una cartella nella directory corrente con il nome del progetto. Passa a quel progetto ed esegui yarn start per avviare l'applicazione:

cd myreactapp
yarn start

Risultato:

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.

Congratulazioni! Hai installato con successo ReactJS. Grazie per aver utilizzato questo tutorial per installare ReactJS sul tuo sistema Ubuntu 20.04 LTS Focal Fossa. Per ulteriore aiuto o informazioni utili, ti consigliamo di controllare il ReactJS ufficiale sito web.