Sergio Brito
30.4K posts

Sergio Brito
@yacaFx
Tech lover, web developer, consultant & instructor at @LinkedIn Learning @LI_learning - 49ers Fan :D Lead Dev @Delta

















¿Cómo organizar las carpetas de tu proyecto? No importa si usas React, Vue, TypeScript o JavaScript… ¡Te explico las estrategias que debes conocer! ↓ 1. Por Tipo de Archivo 📂 Esta es la forma más sencilla y común. Funciona bien en proyectos pequeños. Creas una carpeta para cada tipo de archivo: componentes, páginas, servicios, estados, utilidades… ¿El problema? Puedes acabar con carpetas llenas de archivos, lo que puede ser difícil de manejar. 2. Por Tipo y Funcionalidad 📚 Aquí reflejamos la lógica del negocio en las carpetas. Dentro de cada una, indicamos a qué parte de nuestra aplicación se refiere. Lo bueno es que es más fácil de navegar, pero repetimos las mismas “funcionalidades” en cada carpeta. 3. Screaming Architecture 😱 Aquí cambiamos el enfoque. En lugar de indicar qué usamos, nuestras carpetas indican qué hacemos. Seguramente muchas veces has entrado a un proyecto y rápidamente te has dado cuenta de que usa React, pero no tenías idea de qué hacía realmente. La idea de esta estructura es simplificar el desarrollo del proyecto y hacer que, independientemente de la tecnología, las carpetas nos guíen a lo que nos interesa. ¿Cuál es la mejor? Depende. Tamaño del proyecto, duración del proyecto… Además, siempre puedes empezar por la primera y luego ir migrando poco a poco a otra. También pueden existir opciones intermedias que mezclen algunos conceptos. Me he basado en este artículo de @HuyTaQuoc1 donde tienes más información sobre ventajas y desventajas: dev.to/itswillt/folde… Al final, lo importante es que no existe una única forma correcta de hacerlo. Toma estas ideas y decide tú y tu equipo cuál se adapta mejor a sus necesidades actuales.












