React è una libreria Javascript utilizzata per creare interfacce utente interattive veloci. React è stato sviluppato da Facebook nel 2011 ed è diventato la libreria Javascript più popolare per lo sviluppo di app Web e app mobili.
Prerequisiti
Prima di installare React abbiamo bisogno di alcune cose prima.
- Un server che esegue Ubuntu 20.04 o 18.04.
- Circa 10 minuti e una tazza di caffè o tè caldo. Preferisco Vanilla Chai con un goccio di latte intero o mandorla a seconda del mio umore di quel giorno.
Passaggio 1:installa NPM
Innanzitutto, dobbiamo installare NPM (mode package manager), che è uno strumento da riga di comando e un registro che ospita migliaia di pacchetti Node.js.
Installa npm:
$ sudo apt install npm
Bam! È stato facile. Npm è installato e ora puoi controllare la versione utilizzando:
$ npm --version
$ node --version ← L'installazione di npm ha installato anche Node.js, questo ne verificherà la versione.
Passaggio 2:installa create-react-app
Ora dobbiamo installare l'utilità create-react-app che ti fornisce gli strumenti necessari per creare applicazioni React.
$ sudo npm -g install create-react-app
Conferma la versione:
$ create-react-app --version
Fase 3:crea e avvia un'applicazione React
Ora alle cose divertenti! Creiamo la tua prima app React. Il processo è abbastanza semplice e puoi avere un'applicazione attiva e funzionante in pochi minuti.
Per creare l'input dell'applicazione React:
$ create-react-app [app-name] ← Sostituisci "[nome app]" con quello che preferisci. Vai avanti, impazzisci.
Il sistema inizierà a installare tutti i pacchetti e gli strumenti necessari, operazione che richiederà alcuni minuti.
Dopo che l'applicazione è stata creata ti verrà chiesto con un elenco di comandi per gestire la tua applicazione.
Puoi sempre copiare/incollare questi comandi in un file di testo sul desktop per salvarli per dopo. Il mio desktop è disseminato di note Linux casuali!
Fase 3:esegui la tua nuova applicazione
Hai creato la tua nuova fantastica app nel nostro ultimo passaggio, ora dobbiamo eseguire l'applicazione. Per farlo, prima vai alla directory delle applicazioni:
$ cd [app-name] ← Sostituisci nuovamente "[app-name]" con il nome che hai scelto.
Emetti questo comando:
$ npm start
Dovresti vedere un output che ti mostra gli IP e il numero di porta per visualizzare la tua applicazione.
Apri il browser Web scelto, si spera non Microsoft Edge, e vai a:
http://ip-address:3000
Dopo essere passati all'installazione di React, dovresti essere accolto con la pagina predefinita di React. Congratulazioni! Hai appena installato React e ora puoi sviluppare a tuo piacimento.