Estructura de carpetas en AngularJS

Rana Hasnain Khan 15 febrero 2024
Estructura de carpetas en AngularJS

Este artículo muestra cómo diseñar una estructura de carpetas para una aplicación AngularJS grande y escalable.

Estructura de carpetas en AngularJS

Nuestra aplicación Angular está creciendo y queremos que nuestra estructura se adapte. A medida que crece nuestra aplicación, se vuelve aún más importante estructurarla para que sea fácil de administrar y mantener nuestra aplicación mientras crece.

Hay dos enfoques para facilitar la comprensión, el mantenimiento y la gestión de nuestra aplicación. El primero es ordenar nuestros archivos por sus respectivos tipos.

Por ejemplo, organizar Controllers en la carpeta Controllers, Views en la carpeta View, Services en la carpeta Services.

Estructura de carpetas en AngularJS

En el lado izquierdo, estamos usando Ordenar por tipo, en el que hemos ordenado nuestros archivos por sus tipos. Esta estructura de carpetas es útil para una aplicación más pequeña con pocas views, controllers y services.

Pero imagina que si tenemos 30 o 40 controllers, views y services, será muy difícil encontrar el archivo correcto que estamos buscando.

El segundo método (lado derecho) es Ordenar por características, ordenando nuestros archivos por características; este es el mejor método para ordenar nuestra estructura de carpetas para una aplicación más grande y escalable. Este método es fácil de entender, mantener y administrar.

Hemos ordenado nuestros archivos por características en el lado derecho de la imagen; hemos creado carpetas para cada función.

Cada carpeta contiene una view, service y un controller para una característica determinada. Es muy fácil encontrar y editar la característica que estamos buscando.

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn