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.