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 à quoi sert chaque dossier et fichier principal, ainsi que les parties avec lesquelles vous travaillerez le plus souvent.

Vue d'ensemble de la racine du projet

Un projet React avec Vite 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.