Introduzione
React è stato ampiamente utilizzato dagli sviluppatori per creare interfacce utente interattive e componenti nelle loro applicazioni. La libreria React è anche un'ottima scelta quando vuoi creare app veloci e scalabili con un approccio basato sui componenti. Se non hai ancora iniziato a usarlo, è ora che inizi a imparare. In questo articolo del blog, ti mostreremo come configurare un ambiente di sviluppo React sul tuo computer Mac. Continuare a leggere!
Prerequisiti
Innanzitutto, devi assicurarti di avere l'ultima versione di macOS installata sul tuo computer. Puoi controllare la versione del tuo macOS facendo clic sul menu Apple nell'angolo in alto a sinistra dello schermo del tuo computer e facendo clic su "Informazioni su questo Mac". Assicurati di avere Node.js installato sul tuo computer Mac. Puoi scaricare Node.js per MacOS.
Devi anche installare un IDE (Integrated Development Environment) per scrivere la tua applicazione React. Le scelte più popolari sono WebStorm, Visual Studio Code, Atom e IntelliJ. Useremo WebStorm per questo tutorial. Dovrai registrarti per una prova gratuita per iniziare a utilizzare questo IDE.
Installare Node.js e NPM
Innanzitutto, devi installare Node.js e NPM sul tuo computer Mac. Per fare ciò, vai al terminale e digita il seguente comando e premi invio. Puoi trovare il terminale cercando "terminale" nel menu di ricerca di MacOS.
nvm install 16 Supponendo che tu abbia già installato NVM sul tuo sistema macOS.
Installare il modulo create-react-app con NPM
Dopo aver installato Node.js e NPM, puoi procedere e installare React CLI digitando il seguente comando nel terminale. Puoi anche installarlo dal sito Web di NPM facendo clic sul pulsante "Installa":
npm install create-react-app --location=globalCreare l'applicazione React su macOS
Se desideri creare la tua applicazione React da zero, segui i passaggi seguenti. Innanzitutto, cambia il percorso della directory corrente nella directory principale del tuo computer digitando il comando seguente.
Puoi anche cambiare il percorso della directory in qualsiasi altra cartella. Ma assicurati di scegliere un percorso che non è presente in nessun repository git. Se il percorso della cartella è presente in qualsiasi repository git, riceverai un messaggio che dice che il percorso è nel file .gitignore e non può essere selezionato.
Ora crea una nuova app React digitando il seguente comando:
npx create-react-app my-app Successivamente, puoi navigare nel progetto dalla riga di comando e avviarlo con npm:
cd my-app npm start Attendi l'avvio dell'applicazione.
L'applicazione predefinita sarà in ascolto su localhost:3000. Puoi accedervi da un browser web.
Safari è il browser predefinito per la macchina macOS, ma ti consiglio di usare anche Chrome. Google Chrome fornisce l'ambiente per sviluppatori e un'estensione Chrome per React Developer Tools.
Creare l'applicazione React
Una volta che l'applicazione React è pronta per la produzione, puoi procedere e costruirla. Digita il comando seguente per creare la tua applicazione.
npm run build Il comando precedente crea la tua applicazione React e crea una cartella chiamata "build" nella directory corrente. La cartella build contiene il codice JavaScript e altre risorse richieste dall'applicazione.
Puoi caricare file dalla cartella build alla radice del documento del tuo sito di produzione.
Conclusione
Ora che sai come configurare un ambiente di sviluppo React sul tuo computer Mac, puoi andare avanti e iniziare a imparare le basi di React. Ti consigliamo di iniziare con il tutorial di React per avere una buona comprensione di come funziona React. Puoi anche consultare la documentazione ufficiale di React per saperne di più sulla libreria.
