Inzicht in de React-projectstructuur

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 je hoeft niet alles meteen te begrijpen.

Bekijk 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 nader bekijken.