Librería de utilidades es-toolkit
Seguramente en tu día a día escribes en los proyectos métodos que reutilizas y que no dependen de la lógica de negocio. Son piezas de código tales como comparar si una variable es diferente a null o undefined, obtener un número aleatorio entre dos números,…
Directiva de atributos
Crearemos en este artículo algunos ejemplos de uso de directiva de atributos tal como se explica en la web de Angular. Usando la propiedad host del decorador @Directive Añadir, modificar o eliminar un atributo y eventos Para añadir, modificar o eliminar un atributo, bastará con…
Directive composition API
En este artículo veremos qué es esto de «Directive composition API» (feature incluída a partir de Angular 15) para resolver de otra manera cómo manipular nuestro host del componente explicado en el artículo Convierte el elemento host del componente invisible. Si bien las soluciones del…
Convierte el elemento host del componente invisible
¿Sabes qué es el elemento host del componente? Sí, supongo que sí, pero… ¿qué es eso de hacerlo invisible? Bueno pues nos referimos a que ese elemento host (o caja contenedora) no exista o se ignore si usas alguna técnica de layout como CSS grid,…
Arquitectura de layouts
Cuando se inicia un proyecto de Angular siempre surge la pregunta sobre qué estructura de carpetas debe tener. No es fácil la respuesta dado que depende de muchos factores como por ejemplo si es solamente una PoC, si se crearán librerías, si participan varios desarrolladores/equipos,…
Tipos de componentes de Angular
A lo largo y ancho del mundo de Angular2+, el componente es la principal entidad o bloque de construcción de aplicaciones Angular. Cada componente consiste en: Hasta aquí, es lo que nos enseña la propia web de Angular sobre componentes junto a más información como…
Instalar NVM en Windows
Si trabajas con varios proyectos que usan Node.js, seguramente te habrás encontrado en que cada uno necesita una versión concreta para su correcto funcionamiento. De esa manera, estarías instalando y/o desinstalando alguno de sus descargables para cada versión. Es un proceso en el que no…
Formatea tu código con Prettier
Antiguamente, al escribir código mediante el editor de texto era por acción propia del programador (aplicando alguna lógica establecida) hacer que la identación en el código se realizara con el tabulador o con los espacios y cúantos de estos, también poner las cadenas de caracteres…
Asegura la calidad de los commits en Nx
Cuando ejecutamos el proceso de commit, ya vimos qué Git hooks están involucrados para validar el mensaje de commit (ver artículo Mejora tus mensajes de commit). Ahora comprobaremos que el código escrito es apto para llevarlo al repositorio remoto haciendo que cumpla ciertos requisitos tales…
Mejora tus mensajes de commit
A la hora de llevar un commit al repositorio necesitamos cumplir unas normas para explicar el contenido de esas modificaciones de una forma clara y concisa para que cualquier persona (o bot) al ver un histórico de los cambios ya sea en el historial de…
