Jusqu'à présent, vous avez travaillé avec des exemples React isolés. Dans le développement réel, les applications React sont créées et exécutées sous forme de projets avec une structure prédéfinie et des outils spécifiques.

Dans ce chapitre, vous apprendrez à créer et exécuter un projet React en utilisant Vite, un outil de construction moderne, rapide, léger et couramment utilisé dans les projets en production.

Création d’un projet React avec Vite

Pour créer un nouveau projet React, ouvrez votre terminal et exécutez la commande suivante :

npm create vite@latest

Vous serez invité à :

1. Saisir un nom de projet ;
2. Sélectionner un framework → choisir React ;
3. Sélectionner une variante → choisir JavaScript.

Une fois la configuration terminée, accédez au dossier du projet :

cd project-name

Installez les dépendances du projet :

npm install

Exécution du serveur de développement

Pour démarrer le serveur de développement React, exécutez :

npm run dev

Après avoir exécuté cette commande :

• Vite démarre un serveur de développement local ;
• Une URL locale (généralement http://localhost:5173) apparaît dans le terminal ;
• Ouvrir cette URL dans le navigateur affiche votre application React.

Toute modification apportée au code sera automatiquement mise à jour dans le navigateur.

Comprendre ce qui vient de se passer

Lorsque vous avez lancé le serveur de développement :

• Vite a regroupé votre code React ;
• React a affiché l’application dans le navigateur ;
• L’application est passée en mode développement, optimisé pour un retour rapide.

Vous disposez maintenant d’un véritable projet React fonctionnant en local.