Summary  
This chapter explains the structure of a Vite-generated React project by detailing the roles of its main folders and files and highlighting where you’ll implement code.

General domain of usage  
Web application development

Cuando creas un proyecto de React con Vite, este genera un conjunto de archivos y carpetas que conforman la **estructura del proyecto**. A primera vista, esta estructura puede parecer abrumadora, pero no es necesario comprender todo de inmediato.

Explora para qué se utiliza cada carpeta y archivo principal y cuáles son las partes con las que trabajarás con mayor frecuencia.

## Descripción general de la raíz del proyecto
Un proyecto de React con Vite normalmente contiene los siguientes elementos en el nivel raíz:
- node_modules;
- public;
- src;
- index.html;
- package.json;
- package-lock.json;
- vite.config.js;
- eslint.config.js;
- .gitignore;
- README.md;

Analicemos los más importantes.

¿Qué carpeta contiene la mayor parte del código de tu aplicación React?

Explora cómo se utiliza React para construir interfaces de usuario dinámicas mediante componentes, JSX y props. Gestión del estado y efectos secundarios con hooks, renderizado de listas e interfaces condicionales, y aplicación de estilos a componentes reales. Configuración de un proyecto React con Vite y comprensión de la estructura de las aplicaciones.

Comprensión de la Estructura del Proyecto React

Descripción general de la raíz del proyecto