Kun luot React-projektin Viten avulla, se generoi joukon tiedostoja ja kansioita, jotka muodostavat projektirakenteen. Ensisilmäyksellä tämä rakenne voi vaikuttaa monimutkaiselta, mutta kaikkea ei tarvitse ymmärtää heti.

Tutustu siihen, mihin kukin pääkansio ja -tiedosto on tarkoitettu ja mitkä osat ovat yleisimmin käytössä.

Projektin juuritason yleiskatsaus

Vite React -projekti sisältää tyypillisesti seuraavat kohteet juuritasolla:

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

Käydään läpi tärkeimmät näistä.