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

Quando crei un progetto React con Vite, viene generato un insieme di file e cartelle che costituiscono la **struttura del progetto**. A prima vista, questa struttura può sembrare complessa, ma non è necessario comprenderla tutta immediatamente.

Esamina a cosa serve ciascuna delle principali cartelle e file e quali parti utilizzerai più frequentemente.

## Panoramica della radice del progetto
Un progetto React creato con Vite contiene tipicamente i seguenti elementi a livello di radice:
- node_modules;
- public;
- src;
- index.html;
- package.json;
- package-lock.json;
- vite.config.js;
- eslint.config.js;
- .gitignore;
- README.md;

Analizziamo i più importanti.

Quale cartella contiene la maggior parte del codice della tua applicazione React?

Esplora i fondamenti della creazione di interfacce utente con React. Focus su componenti, JSX, flusso dei dati, stato ed effetti collaterali utilizzati nelle applicazioni React quotidiane.

Esplora cosa sia React e come renderizza le interfacce utente. Focus su componenti, sintassi JSX e visualizzazione degli elementi sullo schermo.

Approfondimento sul passaggio dei dati tra componenti e sul controllo dell'output dell'interfaccia utente. Focus su props, rendering condizionale e rendering di elenchi di dati.

Scopri come le interazioni dell'utente e i dati esterni modificano l'interfaccia utente nel tempo. Approfondimento sulla gestione dello stato e sul trattamento degli effetti collaterali con i React hook.

Esplorazione dei metodi comuni per stilizzare i componenti React. Approfondimento sull'applicazione degli stili tramite stili inline e CSS esterno.

Scopri come eseguire un progetto React e comprendere la sua struttura. Approfondimento sull'avvio di un progetto con Vite e sulla navigazione tra i file del progetto.

Comprensione della Struttura del Progetto React

Panoramica della radice del progetto