Cuando creas un proyecto de React con Vite, se 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 en qué partes 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.