Signals as lightweight “reactive primitive” will shape the future of Angular applications. At the time of this writing, signal() and computed() are stable, and effect() is in developer preview. Developer preview doesn’t mean we have an unstable feature but that the Angular team can introduce breaking changes within a major version. The feature is stable; …
How do I test Signals (signal, computed, effect)? Read More »
Historically, creating a test involving the routing context without mocking it has been challenging. This is mainly due to less-than-optimal documentation on RouterTestingModule or provideLocationMock. In the meantime, some community projects, especially Spectacular from Lars Nielsen, have helped us out. Spectacular by ngworkers | Spectacular This article explains how to use the RouterTestingHarness to write sound …
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 »
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.
