Ricerca nel sito web

Come installare ReactJS su Ubuntu


Sviluppata da Facebook nel 2011, React (noto anche come ReactJS) è una libreria Javascript utilizzata per creare interfacce utente veloci e interattive. Al momento in cui scrivo, è la libreria Javascript più popolare per lo sviluppo di interfacce utente. React batte le sue controparti: Angular e Vue JS in termini di funzionalità e popolarità.

La sua popolarità deriva dalla sua flessibilità e semplicità e questo lo rende la prima scelta nello sviluppo di app mobili e applicazioni web. Più di 90.000 siti utilizzano React, inclusi giganti della tecnologia come Facebook, Netflix, Instagram , Airbnb e Twitter per elencarne alcuni.

In questo articolo imparerai come installare ReactJS su Ubuntu 20.04 e Ubuntu 18.04.

Passaggio 1: installazione di NPM in Ubuntu

Iniziamo l'installazione di React JS installando npm – abbreviazione di gestore pacchetti nodo, che significa due cose. Innanzitutto, è uno strumento da riga di comando utilizzato per interagire con i pacchetti Javascript, che consente agli utenti di installare, aggiornare e gestire strumenti e librerie Javascript.

In secondo luogo, npm è un registro software open source online che ospita oltre 800.000 pacchetti Node.JS. Npm è gratuito e puoi scaricare facilmente applicazioni software disponibili pubblicamente.

Per installare npm su Ubuntu Linux, accedi al tuo server come utente sudo e invoca il comando seguente:

sudo apt install npm

Una volta completata l'installazione, puoi verificare la versione di npm installata utilizzando il comando:

npm --version

6.14.4  [Output]

L'ultima versione al momento della stesura di questo articolo è v6.14.4 come catturato nell'output.

L'installazione di npm installa anche node.js e puoi verificare la versione di node installata utilizzando il comando:

node --version

v10.16.0  [Output]

Passaggio 2: installazione dell'utilità create-react-app

create-react-app è un'utilità che ti consente di impostare tutti gli strumenti necessari per creare un'applicazione React. Ti fa risparmiare una grande quantità di tempo ed energia impostando tutto da zero e ti dà il vantaggio necessario.

Per installare lo strumento, esegui il seguente comando npm:

sudo npm -g install create-react-app

Una volta installato, puoi confermare la versione installata eseguendo:

create-react-app --version

4.0.1  [Output]

Passaggio 3: crea e avvia la tua prima applicazione React

Creare un'applicazione React è abbastanza semplice e diretto. Creeremo un'app di reazione chiamata tecmint-app come segue.

create-react-app tecmint-app

L'installazione di tutti i pacchetti, le librerie e gli strumenti necessari all'applicazione richiede circa 5 minuti. Un po' di pazienza tornerà utile.

Se la creazione dell'applicazione è andata a buon fine, riceverai la notifica qui sotto con i comandi base che puoi eseguire per iniziare a gestire l'applicazione.

Per eseguire l'applicazione, accedi alla directory app

cd tecmint-app

Quindi esegui il comando:

npm start

Alla fine otterrai l'output seguente che ti mostra come accedere all'applicazione sul browser.

Avvia il browser e cerca l'indirizzo IP del tuo server

http://server-ip:3000

Ciò dimostra che l'app React predefinita è attiva e funzionante. In questa guida, abbiamo installato con successo React JS e creato un'applicazione in React.