Angular Signals have been available since Angular 16.0.0, and one of the best ways to understand how important of a feature it is is to compare Signals to RxJs. This post will highlight several different examples. Receiving data in a Typescript class With RxJs Observables, we need a subscription to get our data: myData$: Observable<Data>; this.myData$.subscribe(d =>…

As an Angular developer, you might have encountered ng-template when using the *ngIf syntax with an else block: <div *ngIf="condition; else elseBlock"> Content to render when the condition is true. </div> <ng-template #elseBlock> Content to render when the condition is false. </ng-template> The thing is, under the hood, Angular is…

This tutorial is for people new to unit testing with Angular. We will start with unit tests for a pipe because pipes are the easiest way to get started: They have little to no dependencies, and testing multiple different inputs and expecting different outputs is intuitive. The pipe we’re about…

Some best practices are emerging as Signals are available in developer preview with Angular 16. As a reminder, this is how we create a Signal with Angular: currency = signal('USD'); This creates a WritableSignal, meaning that any code that has a reference to that Signal can update its value with: …

Choosing the right libraries/dependencies for your Angular applications can make or break your project in the long run. I’ve seen way too many consulting clients stuck with an older version of Angular because of a dependency that isn’t maintained anymore. Here are a few rules to follow: 1. Are you sure you need a dependency for this? Do you really…

The Angular team is working on a new feature called signals. Signals are the answer to several different requests from the developer community over the years, more specifically: Being able to use Observables with @Input Being able to use Angular without Zone.js to have more control over change detection. With…

Angular evolves steadily, with major versions every six months, minor versions every month, and weekly patch versions as needed. The first minor version since Angular 15 was released a few days ago. While it is a minor version, there are still a few noteworthy updates to mention. Self-closing tags This might not…

Welcome to the very first edition of my daily Angular Newsletter! As promised, I’ll keep it nice and short. Today’s topic is Template Reference Variables. I usually call that feature “the hashtag syntax” because that’s how it’s used: Here’s how I could use that reference variable to get the value of the input, for instance:

As 2022 comes to a close, people start thinking about resolutions for the upcoming year. What if one of those resolutions was to become a better Angular developer? This is why I decided to launch a daily Angular Newsletter (you can subscribe here) starting on January 2nd, 2023. The goal…