Uncategorized

There are various scenarios in which you may need to read parameters from your route. These parameters can be query parameters (e.g.: test?username=…) or route parameters (e.g.: test/:testId). Additionally, you can pass any desired value via the data property inside the Route object in Angular routing as shown below: export const appRoutes: Route[] = [ { …

Accessing route params in Angular Read More »

Default Strategy If you’re using Angular, you’ve probably heard about Zone.js. It’s an amazing library which does a lot of magic but feels somewhat unnecessary. The library’s only purpose is to monkey-patch events to detect all changes made inside your application and magically rerender the view. The idea behind Zone.js is that you don’t have to …

Future of Change Detection in Angular with Signals Read More »

A simple crossword puzzle to showcase the intersection of Angular Signals with Animations Continue reading on ngconf »

Ahora que tenemos Signals con Angular 16, la pregunta es cómo manejamos flujos de datos asíncronos con interacciones del usuario. Es posible que sepas de la idea de un Action Streams , que Deborah Kurata, si no me equivoco, inventó, y estos representan las interacciones del usuario. Para recapitular, la idea es crear un Observable a partir de …

Reaccionando a las interacciones del usuario con Signals Read More »

📡 Signals 🚥 son lo último y más llamativo en Angular 16, y a menudo se comparan con los observables o cómo vamos a usar RxJS. En este artículo, te contaré como crear un servicio para almacenar el estado usando Signals, ya que este es uno de los usos más comunes del BehaviorSubject, como se …

Maneja el estado de tu Angular app usando Signals Read More »

Now that we have signals with Angular 16, the question is how we handle asynchronous data streams with user interactions. You might be familiar with the idea of an action stream, which Deborah Kurata, if I’m not mistaken, invented, and these action streams were created to represent user interactions. To recap, the main idea was …

Handling user actions with signals in angular Read More »

Signals is the newest and shiny thing in Angular 16, and often it is compared with observables or how we are going to use RxJS. In this article, I will tackle creating a service to store state with signals since this is one of the most common uses of the BehaviorSubject as you can see in …

Keeping state with a Service using Signals Read More »

Photo by Eliobed Suarez on Unsplash tldr; For years now, Angular developers have been working with observables and state management libraries to make their applications reactive. Everyone has an opinion, and there have been a lot of different implementations. Recently, however, the Angular team released an official path forward for reactivity in Angular apps: Signals. What are Signals? …

Angular Signals Read More »

Photo by Clay Banks on Unsplash Angular 14 brought us a lot of amazing features. Functional route guards are one of my favorite new features. Instead of creating a class that extends a particular interface, you could write a simple function that returns true or false. This opened up a lot of new opportunities for route guards. …

Why You Should Use canMatch in Your Routes Read More »

Flattening and Transforming Observable Arrays with RxJs Rxjs is an open-source library use to handle streams of events. It’s a very powerful tool but it has a steep learning curve and can be tricky at times. The issue we will be discussing in this article is dealing with a list of objects inside a stream and needing …

Flattening and Transforming Observable Arrays with RxJs Read More »