Installation et Configuration de React

Dans ce chapitre, nous allons mettre en place notre environnement de développement React. Nous allons utiliser Create React App, l'outil officiel recommandé par l'équipe React pour démarrer un nouveau projet.

Prérequis

Avant de commencer, assurez-vous d'avoir installé :

1. Node.js (version 14.0.0 ou supérieure)
2. npm (généralement installé avec Node.js)

Pour vérifier vos installations, ouvrez un terminal et exécutez :

node --version
npm --version

Création d'un nouveau projet React

La façon la plus simple de créer une nouvelle application React est d'utiliser Create React App. Voici comment procéder :

1. Ouvrez un terminal et exécutez la commande suivante :

npx create-react-app mon-app-react

2. Une fois l'installation terminée, accédez au répertoire du projet :

cd mon-app-react

3. Démarrez l'application en mode développement :

npm start

Votre application devrait maintenant être accessible à l'adresse http://localhost:3000.

Structure du projet

Après la création, votre projet aura la structure suivante :