Nel prossimo articolo daremo uno sguardo a come possiamo creare la nostra prima applicazione con ReactJS su Ubuntu 20.04 usando Create React App. ReactJS è una libreria JavaScript open source utilizzata per creare l'interfaccia utente, gestita da Facebook e dalla comunità degli sviluppatori. ReactJS può essere utilizzato nello sviluppo di applicazioni web o applicazioni mobili.
In React, noto anche come ReactJS, i dati vengono elaborati nel DOM. Per eseguire l'applicazione React sono necessarie librerie aggiuntive per il routing e la gestione dello stato. Alcuni esempi di queste librerie sono Redux y Reagire Router.
Installazione di React su Ubuntu 20.04
Per installare React sul nostro sistema, dobbiamo prima sapere cos'è npm e capire perché ne abbiamo bisogno. Npm sta per Node Package Manager, ed è il più grande registro di software open source al mondo. Contiene più di 800.000 pacchetti di codice. Npm è gratuito e qualsiasi software pubblico può essere scaricato e utilizzato senza registrazione o accesso.
Npm è uno strumento di gestione delle dipendenze per applicazioni javascript, che aiuta a installare tutte le librerie e altri strumenti per supportare lo sviluppo delle applicazioni JS.
Installa npm
a installa nodejs, che include npm, dovremo solo aprire un terminale (Ctrl + Alt + T) ed eseguire il seguente comando:
sudo apt install nodejs
Dopo aver terminato l'installazione di npm, possiamo controlla la tua versione e quella di node. Possiamo farlo con il comando:
npm -v
La versione di npm installata dipende dalla data di installazione, poiché l'aggiornamento viene eseguito frequentemente. È necessario che ci assicuriamo di avere una versione superiore alla 5 installata.
a controlla la versione installata del nodo, il comando da utilizzare sarà:
node -v
Se non hai l'ultima versione di npm installata sul tuo sistema, puoi aggiornare Node Package Manager (npm) alla versione più recente eseguendo questo comando nel terminale:
sudo npm install -g npm@latest
Installa l'app create-react
Per installare un ambiente React produttivo, avremo bisogno di configurare strumenti come babel, webpack, ecc ... che è complesso da configurare per i principianti nel mondo React. Ma possiamo trovare diversi strumenti che ci aiuteranno nella configurazione. Tra loro troveremo create-react-app, che è lo strumento più semplice da usare e configurare.
Create React App è un ambiente confortevole per imparare Reacted è il modo migliore per iniziare a creare una nuova app a pagina singola utilizzando React.
Crea app React configura il tuo ambiente di sviluppo in modo da poter utilizzare le ultime funzionalità Javascript, fornendo una buona esperienza di sviluppo e ottimizzando l'applicazione per la produzione. Come indicato sul loro sito Web, è necessario che Node> = 8.10 e npm> = 5.6 siano installati sulla macchina.
Possiamo installa create-react-app usando npm. Per fare ciò, in un terminale (Ctrl + Alt + T) dovremo solo eseguire il seguente comando di installazione:
sudo npm install -g create-react-app
Una volta che l'installazione dell'applicazione create-react-app è terminata nel nostro sistema, possiamo controlla la versione installata eseguendo il seguente comando:
create-react-app --version
Creazione della prima applicazione React
La nostra prima app React può essere creata semplicemente utilizzando create-react-app. Dovremo solo usare il seguente comando:
create-react-app mi-primera-app
Il comando precedente creerà un'applicazione React chiamata la mia prima app. Allo stesso tempo verrà creata una nuova cartella con lo stesso nome dell'applicazione che include tutti i file, le configurazioni e le librerie necessarie.
Esecuzione dell'app React
Una volta creato il progetto React, dovremo spostarci nella directory del progetto ed eseguire l'applicazione React utilizzando il seguente comando nel terminale (Ctrl + Alt + T):
npm start
Il comando inizio npm avviare il server di sviluppo che eseguirà l'intero processo di compilazione.
Il terminale ci dirà che dobbiamo apri il browser e carica l'applicazione che verrà eseguita all'URL http: // localhost: 3000 per impostazione predefinita. Quando il browser si apre, vedremo il logo e i testi di React sullo schermo.
Disinstalla create-react-app e npm
Utenti possiamo disinstallare qualsiasi libreria installata da npm usando il comando di disinstallazione npm. Esegui il seguente comando nel terminale (Ctrl + Alt + T) per disinstallare creare-reagiscono-app:
sudo npm uninstall -g create-react-app
Allo stesso modo, possiamo disinstallare npm usando questo altro comando nello stesso terminale:
sudo apt remove nodejs
Ulteriori informazioni su questa libreria JavaScript per la creazione di interfacce utente sono disponibili nel documentazione del progetto.
Ottimo contenuto! Obrigado!