Summary  
This chapter explains the structure of a Vite-generated React project by detailing the roles of its main folders and files and highlighting where you’ll implement code.

General domain of usage  
Web application development

Lorsque vous créez un projet React avec Vite, un ensemble de fichiers et de dossiers est généré pour constituer la **structure du projet**. À première vue, cette structure peut sembler complexe, mais il n'est pas nécessaire de tout comprendre immédiatement.

Découvrez l'utilité de chaque dossier et fichier principal, ainsi que les parties avec lesquelles vous travaillerez le plus souvent.

## Aperçu de la racine du projet
Un projet Vite React contient généralement les éléments suivants à la racine :
- node_modules ;
- public ;
- src ;
- index.html ;
- package.json ;
- package-lock.json ;
- vite.config.js ;
- eslint.config.js ;
- .gitignore ;
- README.md ;

Analysons les éléments les plus importants.

Quel dossier contient la majorité du code de votre application React ?

Découvrez comment React est utilisé pour créer des interfaces utilisateur dynamiques à l'aide de composants, de JSX et de props. Gérez l'état et les effets secondaires avec les hooks, affichez des listes et des interfaces conditionnelles, et appliquez des styles aux composants réels. Configurez un projet React avec Vite et comprenez la structure des applications.

Compréhension de la Structure du Projet React

Aperçu de la racine du projet