Forståelse af React-projektstrukturen

Når du opretter et React-projekt med Vite, genererer det et sæt filer og mapper, der udgør projektstrukturen. Ved første øjekast kan denne struktur virke overvældende, men du behøver ikke forstå det hele med det samme.

Undersøg, hvad hver hovedmappe og fil bruges til, og hvilke dele du oftest vil arbejde med.

Oversigt over projektets rod

Et Vite React-projekt indeholder typisk følgende elementer på rodniveau:

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

Lad os gennemgå de vigtigste.