Summary  
This chapter explains how to organize a Vite‐based React project by detailing the purpose of its main files and folders at the root level, including node_modules, public, src, index.html, package.json, and configuration files.

General domain of usage  
Front‐end web application development

Når du oppretter et React-prosjekt med Vite, genereres det et sett med filer og mapper som utgjør **prosjektstrukturen**. Ved første øyekast kan denne strukturen virke overveldende, men du trenger ikke å forstå alt med en gang.

Utforsk hva hver hovedmappe og fil brukes til, og hvilke deler du oftest vil arbeide med.

## Oversikt over prosjektroten
Et Vite React-prosjekt inneholder vanligvis følgende elementer på rot-nivå:
- node_modules;
- public;
- src;
- index.html;
- package.json;
- package-lock.json;
- vite.config.js;
- eslint.config.js;
- .gitignore;
- README.md;

La oss gå gjennom de viktigste.

Hvilken mappe inneholder mesteparten av React-applikasjonskoden din?

Utforsk grunnleggende prinsipper for å bygge brukergrensesnitt med React. Fokuser på komponenter, JSX, dataflyt, tilstand og sideeffekter brukt i daglige React-applikasjoner.

Utforsk hva React er og hvordan det gjengir brukergrensesnitt. Fokus på komponenter, JSX-syntaks og visning av elementer på skjermen.

Fordypning i overføring av data mellom komponenter og kontroll av UI-utdata. Fokus på props, betinget rendering og rendering av lister med data.

Lær hvordan brukerinteraksjoner og ekstern data endrer brukergrensesnittet over tid. Fokus på håndtering av tilstand og sideeffekter med React-hooks.

Utforsk vanlige metoder for å style React-komponenter. Fokus på bruk av inline-stiler og ekstern CSS.

Lær hvordan du kjører et React-prosjekt og forstår dets struktur. Fokuser på å starte et prosjekt med Vite og navigere i prosjektfilene.

Forståelse av React-projektstrukturen

Oversikt over prosjektroten

Forståelse av React-projektstrukturen

Oversikt over prosjektroten