Télécharger et installer Node.js

Il est possible de le faire en ligne de commande, mais le plus simple est de télécharger la version de Node.js directement sur le site officiel afin de profiter de l'installateur et d’avoir une configuration propre.

https://nodejs.org/en/download/

Téléchargez la version LTS en fonction de votre OS. Une fois installée, vous pouvez lancer votre console iTerm et essayer d’exécuter node -v pour confirmer sa bonne installation; cette commande va retourner la version de Node que vous avez installé.

Node a également installé NPM, un gestionnaire de paquets qui permet de gérer les modules node sur votre machine et dans vos projets. Tapez npm -v pour confirmer également son installation.

Sachez qu'il est possible de gérer plusieurs versions de node sur une même machine, il faut passer par NVM qui fait office de node version management.

Vous pouvez également gérer vos instances Node grâce à PM2. Il permet d'identifier vos processus actifs et le cas échéant de supprimer certaines tâches si vous n'en avez plus besoin.

Installer React

React propose un module qui permet de bootstrapper une nouvelle application et d’installer la base du projet en une ligne de commande. Pour installer ce module de façon générique sur votre machine vous pouvez utiliser le paramètre -g dans la commande NPM.

npm install -g create-react-app

Créer un nouveau projet React

Il est temps de créer votre premier projet en React grâce à la commande create-react-app pour cela voici la ligne de commande:

create-react-app my-project

L’installateur va télécharger le nécessaire pour avoir votre première application. Une fois le téléchargement et l'installation terminée, vous allez avoir un petit récapitulatif des commandes qu'il est possible de lancer dans votre projet.

Builder son projet

Pour exécuter une commande il faut avant tout vous positionner dans votre projet à l’aide de la console en faisant cd my-project . Une fois dedans, lancez npm start . Votre navigateur va s’ouvrir avec votre première application.

Si vous utilisez VS Code vous pouvez lancer la commande code . pour ouvrir le projet dans votre éditeur et y voir les fichiers du projet en question. Il est possible d'afficher le terminal directement dans votre éditeur (Menu Afficher > terminal).

Stopper l’application

Vous pouvez faire un ctrl + c pour stopper l’exécution de votre application et refaire un npm start pour la relancer.