This article discusses testing Angular code, which uses the inject function for dependency injection. If you are more of a visual learner, here’s a video for you: https://medium.com/media/e1f4a05a89392e4ab835000ea9d9e832/href Why inject()? The inject function, introduced in Angular 14, is an alternative to the constructor-based dependency injection. inject has the following advantages: 1. Standardization of Decorators Decorators have …
If you prefer the kind of tests that minimize mocking as much as possible, you will be pretty happy with Standalone Components. Gone are the struggles of meticulously picking dependencies from NgModules for your Component under test. Standalone Components come self-contained. Add them to your TestingModule’s imports property, and all their “visual elements” — Components, Directives, Pipes, and …
In this article, we will go through some tips for setting up and optimizing StoryBook for Angular applications that go from things that only make sense for Angular, like adding a shared module, to more non-framework-specific things, like adding useful add-ons. Add a folder for other documentation StoryBook comes with a set of example stories, but …
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 …
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.
