Dans les sections précédentes, nous avons appris les bases de React. Nous savons désormais comment créer des composants, les gérer, afficher des informations et implémenter de la logique. Cependant, toutes ces tâches ont été réalisées dans CodeSandbox, qui est excellent pour l'apprentissage.

Mais qu'en est-il des projets réels ? Est-ce que tous les développeurs créent leurs projets dans CodeSandbox ? Bien sûr que non. Cette section est consacrée à vous aider à démarrer votre projet sur votre machine locale, en vous guidant étape par étape dans le processus.

Étape 1 : Installer Node.js et npm

Nous devons installer Node.js et npm sur la machine locale.

Node.js est un environnement d'exécution open-source qui permet d'exécuter du code JavaScript côté serveur.

npm signifie "Node Package Manager". Il s'agit d'un gestionnaire de paquets pour Node.js qui permet aux développeurs d'installer, de gérer et de partager facilement des paquets ou modules JavaScript réutilisables.

• Rendez-vous sur le site officiel de Node.js : https://nodejs.org ;
• Téléchargez l'installateur correspondant à votre système d'exploitation (Windows, macOS ou Linux). Nous nous intéressons à la version LTS car elle est stable et fonctionnelle ;

• Exécuter l’installateur et suivre les instructions d’installation ;
• Après l’installation, Node.js et npm (Node Package Manager) doivent être installés sur la machine.

Comment vérifier si Node.js et npm sont installés ?

Pour vérifier si Node.js et npm sont installés sur la machine, ouvrir le terminal de l’ordinateur (invite de commandes, PowerShell ou émulateur de terminal) et exécuter les commandes suivantes. Étapes :

1. Ouvrir le terminal ;

• Windows : Appuyer sur Win + X et sélectionner « Windows PowerShell » dans le menu. Alternativement, rechercher « PowerShell » dans le menu Démarrer ;
• macOS : Aller dans « Applications » > « Utilitaires » > « Terminal ». Une autre option consiste à utiliser la recherche « Spotlight » en appuyant sur Cmd + Space et en tapant « Terminal » ;
• Linux : Le raccourci Ctrl + Alt + T est couramment utilisé pour ouvrir le terminal sur de nombreuses distributions Linux. Cependant, selon la distribution spécifique, d’autres méthodes peuvent exister, comme rechercher « Terminal » dans le menu des applications ou utiliser un autre raccourci clavier.

Remarque

Si aucune de ces méthodes ne fonctionne, il est recommandé de consulter la documentation ou les ressources d’assistance du système d’exploitation pour trouver la méthode appropriée pour ouvrir le terminal. Il est également possible de faire une recherche sur Internet.

2. Vérifier la version de Node.js ;

Dans le terminal, exécuter la commande suivante.

node -v

Cette commande affiche la version de Node.js installée sur la machine. Si Node.js est installé, le numéro de version s’affiche.

3. Vérifier la version de npm.

Dans le terminal, exécuter la commande suivante.

npm -v

Cette commande affiche la version de npm installée sur la machine. Si npm est installé, le numéro de version s’affiche.

Si les deux commandes renvoient des numéros de version, Node.js et npm sont installés avec succès et disponibles sur la machine. Si les commandes ne sont pas reconnues ou renvoient une erreur, cela signifie que Node.js et/ou npm ne sont pas installés, ou que les chemins d’installation ne sont pas correctement configurés. Dans ce cas, il peut être nécessaire de reprendre les étapes d’installation de Node.js et de s’assurer que l’installation a été menée à bien. Parfois, il est recommandé de redémarrer la machine.

Remarque

La version obtenue n’a pas d’importance pour l’instant.