Estructura del proyecto

Introducción

Si nos basamos en la documentación oficial, React no define una forma correcta de organizar nuestros ficheros y lo deja a criterio del desarrollador. Ver Mas (opens in a new tab)

La estructura de este repositorio fue definida en base a consultas de sitios web y una junta inicial del proyecto.

Carpetas

/assets

Almacena assets utilizados en react, tales como imagenes, SVG's, JSON's, etc...

/features

Almacena el UI base del proyecto, como lo son:

• Botones
• Modales
• Diseño base del sitio
• etc...

/pages

Almacena todas las paginas/módulos del sistema, estos son llamados por el router de react.

/resources

Almacena la lógica de la aplicación, como lo son:

• Custom hooks
• Interfaces, Tipos, Modelos
• Constantes
• Traducciones
• Contextos
• Almacenes de redux
• etc...