Étape 3 : Créer le dossier du projet

Maintenant que tous les outils externes nécessaires sont disponibles, il est possible de commencer la création du projet. L'objectif consiste à créer un nouveau dossier vide spécifiquement pour le projet, dans lequel rien d'autre ne sera stocké.

Étapes à suivre :

1. Choisir un emplacement : Sélectionner un emplacement sur la machine où créer le dossier du projet. Il peut s'agir de n'importe quel endroit, comme le bureau ou un répertoire spécifique ;
2. Créer un nouveau dossier : Effectuer un clic droit à l'emplacement choisi et sélectionner « Nouveau dossier » dans le menu contextuel ;
3. Nommer le dossier : Attribuer un nom significatif au dossier. Ce dossier servira de dossier racine pour le projet React, il est donc recommandé de choisir un nom informatif et pertinent selon l'objectif du projet. Par exemple, il est possible de le nommer movies-app, store-app, posts-app, learning-system-app, etc.

Par exemple, créons le dossier vide avec le nom movies-app.

Étape 4 : Ouvrir le dossier dans l’éditeur de code

Pour commencer à travailler sur le projet, il est nécessaire d’ouvrir le dossier movies-app dans l’éditeur de code, que ce soit Visual Studio Code ou un autre éditeur de votre choix.

Procédure à suivre :

• Lancer l’éditeur de code. Dans cet exemple, Visual Studio Code (VS Code) sera utilisé ;
• Cliquer sur l’icône de l’explorateur située dans le coin supérieur gauche de l’interface de VS Code ;

• Cliquer sur le bouton « Ouvrir un dossier » dans le panneau de l’explorateur ;

• Rechercher le dossier movies-app sur la machine et le sélectionner. Après avoir effectué ces étapes, le nom du dossier, movies-app, doit s’afficher dans l’interface de votre éditeur de code.

Maintenant que votre dossier de projet est configuré et ouvert dans votre éditeur de code, vous êtes prêt à commencer à développer votre application React !