Estructura de carpetas en AngularJS
![Estructura de carpetas en AngularJS](/img/Angular/feature-image---angularjs-folder-structure.webp)
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
.
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 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