El patrón Decorator en Angular

decorator
Foto de Ramakant Sharda en Unsplash

En este artículo veremos el patrón Decorator (perteneciente a la familia de patrones estructurales). Crearemos un ejemplo de aplicación de este patrón Decorator en typescript para Angular.

Con este patrón Decorator, podremos añadir dinámicamente funcionalidades a un objeto, constituyendo una alternativa a la herencia de clases.

Patrón Decorator

Para entender mejor este concepto, vamos a pensar en un ejemplo de un programa de … Leer más »

El patrón Builder en Angular

Angular logo

El patrón Builder (perteneciente a la familia de patrones creacionales) nos permite crear un objeto con múltiples opciones de configuración mediante un conjunto de llamadas secuenciales. Antes que nada, es recomendado leer el artículo “Creación de objetos en typescript”.

Patrón Builder

Iniciaremos nuestra andadura creando una interfaz que cualquier builder deberá implementar. Esta interfaz contiene un método “build()” que devolverá el objeto resultante construido que deberá … Leer más »

El patrón Command en Angular con cola de ejecución

En anteriores artículos del patrón command y patrón command con manager iniciamos el camino sobre este patrón con alguna mejora. Ahora para terminar esta serie de artículos sobre la implementación del patrón command, vamos a utilizar una cola (queue) de comandos para que se ejecuten uno tras otro. No eliminaremos la ejecución que hacíamos hasta ahora, pero mediante alguna lógica podremos decidir si un comando lo llevamos … Leer más »

El patrón Command en Angular con manager e invoker específico

Tal como pudimos ver en el anterior artículo sobre el patrón command, pueden existir multitud de servicios de este tipo dispersos por la aplicación y en consecuencia en la parte cliente tendríamos que inyectar varios de esos servicios  allá donde se requiera.

Para atajar esta locura, crearemos un manager (gestor,  almacén) que tendrá todos los comandos necesarios, con  lo que sólo tendremos que inyectar un único servicio en el … Leer más »

El patrón Memento en Angular

En este artículo veremos el patrón Memento (perteneciente a la familia de patrones de comportamiento). Crearemos un ejemplo de aplicación de este patrón Memento en typescript para Angular.

Dado que el modelo que vamos a guardar puede ser bastante complejo necesitaremos de alguna librería externa o de terceros para la clonación de objetos. Ha de quedar claro que en typescript un simple Object.assign o un JSON.parse/JSON.stringify no siempre es … Leer más »

El patrón Strategy en Angular

Angular logo

Vamos a ver un ejemplo práctico de la aplicación del patrón estrategia ó “Strategy pattern” el cual pertenece a los patrones de comportamiento y del que existen bastantes páginas explicando la teoría junto con su definición, diagramas, cuando usarlo y un largo etcétera. En nuestro caso, vamos a ponernos con las manos en el código para llevar a cabo este patrón de diseño en angular (typescript).

Para no … Leer más »