Passaggio 3: Creare la cartella del progetto

Ora che abbiamo tutti gli strumenti esterni necessari, possiamo iniziare a creare il progetto. L'obiettivo è creare una nuova cartella vuota specifica per il progetto, dove non verrà archiviato nient'altro.

Passaggi da seguire:

1. Scegliere una posizione: Selezionare una posizione sul proprio computer dove si desidera creare la cartella del progetto. Può essere ovunque si preferisca, come il desktop o una directory specifica;
2. Creare una nuova cartella: Fare clic con il tasto destro nella posizione scelta e selezionare "Nuova cartella" dal menu contestuale;
3. Assegnare un nome alla cartella: Dare alla cartella un nome significativo. Questa sarà la cartella principale del progetto React, quindi scegliere un nome informativo e pertinente allo scopo del progetto. Ad esempio, è possibile chiamarla movies-app, store-app, posts-app, learning-system-app, ecc.

Ad esempio, creiamo la cartella vuota con il nome movies-app.

Passaggio 4: Aprire la cartella nell'editor di codice

Per iniziare a lavorare sul progetto, è necessario aprire la cartella movies-app nell'editor di codice, che sia Visual Studio Code o un altro editor a scelta.

Seguire questi passaggi:

• Avviare l'editor di codice. Nel nostro esempio, utilizzeremo Visual Studio Code (VS Code);
• Fare clic sull'icona dell'esplora risorse situata nell'angolo in alto a sinistra dell'interfaccia di VS Code;

• Fare clic sul pulsante "Apri cartella" nel pannello dell'esploratore;

• Cercare la cartella movies-app sul computer e selezionarla. Dopo aver completato questi passaggi, il nome della cartella, movies-app, dovrebbe essere visualizzato nell'interfaccia dell'editor di codice.

Ora che la cartella del progetto è stata configurata e aperta nell'editor di codice, è possibile iniziare a sviluppare l'applicazione React.