Présentation et prérequis

💡 SI VOUS AVEZ DES QUESTIONS, N'HÉSITEZ PAS À LES POSER EN COMMENTAIRE EN BAS DE CHAQUE CHAPITRE !

Bienvenue

Bienvenue sur cette formation destinée à apprendre rapidement les bases de React.JS

Nous allons développer ensemble une application de gestion de tâches (to do list) grâce à ce framework.
Avant de pouvoir commencer, nous devrons installer quelques outils sur notre ordinateur.

Prérequis

Cette partie permet d'installer tous les programmes nécessaires pour développer des applications React.JS.

Node.JS

Télécharger et installer Node.JS et de NPM

Si vous travaillez sous Windows ou MacOS, rendez-vous sur le site officiel de Node.JS (https://nodejs.org/fr/download/), puis téléchargez et installez la dernière version "LTS" compatible avec votre système d'exploitation.

💡 Je vous recommande de redémarrer votre machine après installation sous Microsoft Windows.

Les utilisateurs de systèmes Linux (ou autre) trouverons les consignes d'installation pour différents systèmes sur cette page : https://nodejs.org/fr/download/package-manager/.

⚠️ Sur certaines distributions Linux, il est nécessaire d'installer à part le programme "npm" dont nous aurons besoin. Il est cependant généralement fourni avec Node.JS.

Vérifier votre installation de Node.JS

Lancez un terminal sur votre machine (commande MS-DOS, Powershell, etc.) et exécutez la commande suivante :

npm -v

Si cette commande retourne un numéro de version, votre installation de Node.JS est conforme à nos besoins.

Installer "create-react-app"

Nous utiliserons un programme nommé "create-react-app", destiné à créer facilement un projet React.JS.

Ce programme s'installe directement avec la commande suivante :

npm install -g create-react-app

Une fois l'installation terminée, vous pourrez vérifier si la commande fonctionne en tapant :

create-react-app --help

Un éditeur de code

Je vous recommande d'installer et d'utiliser Visual Studio Code. Cela dit, n'importe quel éditeur de code qui gère JavaScript fonctionnera (Atom, VSCodium, PHPStorm, etc.).

Installer Visual Studio Code

Rendez-vous sur le site officiel de Visual Studio Code (https://code.visualstudio.com/download). Téléchargez et lancez le programme d'installation compatible avec votre système.

React-dev-tool

De manière optionnelle, vous pouvez installer une extension nommé React-dev-tools sur votre navigateur.

Notez que nous ne l'utiliserons pas, mais il est toujours utile de posséder cet outil pour vos prochains apprentissages.

Pour Chrome et dérivés : https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

Pour Firefox : https://addons.mozilla.org/fr/firefox/addon/react-devtools/