Guía de estilos

En la página oficial de Angular existe una guía de estilos, que nos puede ayudar para tener en cuenta ciertos aspectos a la hora de crear nuestras aplicaciones.

Teniendo en cuenta los conceptos básicos, la guía de estilos de Angular nos da una pauta para convenciones, nombramientos, buenas prácticas y patrones que es importante conocer y seguir las recomendaciones que la guía nos enseña, para crear buenas aplicaciones.

Podemos encontrar la guía en la siguiente url: https://angular.io/guide/styleguide

Podemos destacar algunas de ellas como:

  • Convenciones en el código, como prácticas, organización de los archivos, indentation o sangría, comentarios, declaraciones.

  • Reglas en los nombres, usar mayúsculas para iniciar los nombres, minúsculas, Camelcase, separar los nombres por guiones, nombrar los archivos seguidos del tipo de archivo, entre otras.

  • Estructura de la aplicación, manejar un directorio raíz para toda la aplicación, crear carpetas por cada característica de la aplicación, o tener carpetas para manejar los assets. Principio LIFT, para estructurar la aplicación de tal manera que se pueda Localizar (Locate) el código rápidamente, Identificar (Identify) el código rápidamente, mantener la estructura plana (Flattest), y Tratar (Try) de mantenerte DRY (Don't Repeat Yourself) o T-DRY (Try to DRY).

  • Organizando los módulos, en este definimos si deseamos crear un módulo por cada característica de nuestra aplicación, crear el módulo App, módulos reusables.

  • Creando y usando los componentes. Cómo extraer los templates o hojas de estilos de los componentes, usar los decoradores Input/Output, añadir la lógica presentacional en los componentes.

  • Creando y usando los servicios. Usar los servicios como "Singletons", con el mismo injector. Usar los servicios para compartir datos y funcionalidades.

  • Lifecycle hooks. usar el ciclo de vida para usar los eventos importantes de Angular.

Last updated