Nelle sezioni precedenti, abbiamo appreso le basi di React. Ora sappiamo come creare componenti, gestirli, renderizzare informazioni e implementare la logica. Tuttavia, tutte queste attività sono state svolte in CodeSandbox, che è eccellente per lo studio.

Ma cosa succede nei progetti reali? Tutti gli sviluppatori creano progetti in CodeSandbox? Certamente no. Questa sezione è dedicata ad aiutarti ad avviare il tuo progetto sulla macchina locale, guidandoti passo dopo passo nel processo.

Passaggio 1: Installazione di Node.js e npm

È necessario installare Node.js e npm sulla macchina locale.

Node.js è un ambiente di runtime open-source che consente di eseguire codice JavaScript lato server.

npm sta per "Node Package Manager". È un gestore di pacchetti per Node.js che permette agli sviluppatori di installare, gestire e condividere facilmente pacchetti o moduli di codice JavaScript riutilizzabili.

• Vai al sito ufficiale di Node.js: https://nodejs.org;
• Scarica il programma di installazione per il tuo sistema operativo (Windows, macOS o Linux). È consigliata la versione LTS in quanto stabile e affidabile;

• Eseguire il programma di installazione e seguire le istruzioni fornite;
• Al termine dell'installazione, Node.js e npm (Node Package Manager) dovrebbero essere installati sulla macchina.

Come possiamo verificare se Node.js e npm sono installati?

Per verificare se Node.js e npm sono installati sulla macchina, è possibile aprire il terminale del computer (prompt dei comandi, PowerShell o emulatore di terminale) ed eseguire i comandi. Passaggi:

1. Aprire il terminale;

• Windows: Premere Win + X e selezionare "Windows PowerShell" dal menu. In alternativa, cercare "PowerShell" nel menu Start;
• macOS: Andare su "Applicazioni" > "Utility" > "Terminale". Un'altra opzione è utilizzare la ricerca "Spotlight" premendo Cmd + Space e digitando "Terminale";
• Linux: La scorciatoia Ctrl + Alt + T è comunemente utilizzata per aprire il terminale su molte distribuzioni Linux. Tuttavia, a seconda della distribuzione specifica, potrebbero esserci altri metodi come cercare "Terminale" nel menu delle applicazioni o utilizzare una diversa combinazione di tasti.

Nota

Se nessuno di questi metodi funziona, si consiglia di consultare la documentazione o le risorse di supporto del sistema operativo per trovare il modo appropriato di aprire il terminale. Oppure è sempre possibile cercare su Google.

2. Verificare la versione di Node.js;

Nel terminale eseguire il seguente comando.

node -v

Questo comando visualizzerà la versione di Node.js installata sulla macchina. Se Node.js è installato, verrà mostrato il numero di versione.

3. Verificare la versione di npm.

Nel terminale eseguire il seguente comando.

npm -v

Questo comando visualizzerà la versione di npm installata sulla macchina. Se npm è installato, verrà mostrato il numero di versione.

Se entrambi i comandi restituiscono i numeri di versione, Node.js e npm sono installati correttamente e disponibili sulla macchina. Se i comandi non vengono riconosciuti o restituiscono un errore, significa che Node.js e/o npm non sono installati o i percorsi di installazione non sono configurati correttamente. In tal caso, potrebbe essere necessario ripetere i passaggi di installazione di Node.js e assicurarsi che l'installazione sia stata completata con successo. A volte è consigliato riavviare la macchina.

Nota

Per ora non è importante quale versione viene visualizzata.