Wanneer je een React-project aanmaakt met Vite, genereert het een reeks bestanden en mappen die samen de projectstructuur vormen. Op het eerste gezicht kan deze structuur overweldigend lijken, maar het is niet nodig om alles direct te begrijpen.

Ontdek waar elke hoofdmap en elk hoofdbestand voor wordt gebruikt en met welke onderdelen je het vaakst zult werken.

Overzicht van de projectroot

Een Vite React-project bevat doorgaans de volgende items op rootniveau:

• node_modules;
• public;
• src;
• index.html;
• package.json;
• package-lock.json;
• vite.config.js;
• eslint.config.js;
• .gitignore;
• README.md;

Laten we de belangrijkste onderdelen toelichten.