If you are using Nx, you might have already encountered this issue. This Eslint rule comes from the package @nx/enforce-module-boundaries developed by the Nx team. If you don’t know or you are not using Nx, this article can still be valuable and you might learn something from it. Context Nx is a workspace organizer. You will create …
Static imports of lazy-loaded libraries are forbidden. Read More »
Before the arrival of Signals, state management fell into the responsibility of third-party libraries. Signals opened a new chapter. A Signal contains a value (or state) and can live outside a component. Components and services can depend on that state. The Signal notifies them of changes. The consumers react via an effect or computed. The first one …
Some time ago, there was a need to have multiple remote controllers in your living room because you had multiple devices on it, like the TV or stereo system, and so on, making it a hassle to manage all of them and to find the correct one when you needed it. As a solution for …
Taming HTTP Requests with an Abstract API Service Read More »
¿Tienes dificultades para leer el HTML de tus componentes? No estás solo, y muchos factores pueden contribuir a esto. Sin embargo, hoy te mostraré un plugin más ordenado que ayudará a organizar los atributos HTML y con suerte, facilitará la lectura y comprensión de todo lo que está sucediendo en tus componentes. Dale la bienvenida …
The defer block is a feature in Angular’s deferrable views that allows you to defer the loading of certain content or large components until they are needed. It serves as a container for the deferred content and provides various triggers to control when and how the content is loaded. With the defer block, you can optimize …
Improve loading times with the @defer block in Angular Read More »
El bloque defer es una característica de las vistas diferibles de Angular que permite aplazar la carga de ciertos contenidos o componentes grandes hasta que se necesiten. Sirve como contenedor para el contenido diferido y proporciona varios disparadores para controlar cuándo y cómo se carga el contenido. Con el bloque defer, puedes optimizar el tiempo …
Mejorando los tiempos de carga con el @defer block en Angular Read More »
Angular 16 introduced Signals as a pivotal feature, setting the stage for future applications and laying the foundation for a zoneless environment. Signals operate reactively, enabling the generation of derived values or side effects through functions like signal(), computed(), and effect(). These Signals are instrumental in Angular’s shift from a component-centric rendering approach to one …
Dependency Injection (DI) is one of the most beloved and powerful features of Angular, and it happens to be my personal favorite as well. Understanding and mastering it can elevate your Angular skills and grant you superpowers. In this article, I will explain what Dependency Injection is and delve into how it operates within Angular …
How Angular Dependency Injection works under the hood Read More »
tldr; Sometimes we need to interact with a child component from a parent component, but it’s not viable to do so through Inputs. ViewChild allows you to gain access to the child component and call methods from its public API as needed. Background I was recently working on a project where I needed to use our …
ViewChild: Calling the Public API of a Child Component Read More »
Angular has been on an incredible journey over the past year, and last week; I had the privilege of sitting down with the Angular team to delve into the intricate nuances of its current state and its promising future. You could say, they answered the signal. Okay, I jest. (I’ll stop) Our conversation revolved around the …
Join our exclusive newswire for ng-conf news, workshops, sessions, speakers announcements, and more as we count down to ng-conf!
Join our exclusive newswire for speaker announcements, workshops, sessions info and all the latest ng-conf info.
