Published inAngular Training·Aug 18Member-onlyRxJs vs. Signals: A comparisonAngular 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 =>…Angular3 min readAngular3 min read
Published inAngular Training·Jul 18Member-onlyWhat is ng-template, and when to use it?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…Angular3 min readAngular3 min read
Published inAngular Training·Jun 20Member-onlyHow to unit test an Angular pipe?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…Angular4 min readAngular4 min read
Published inAngular Training·May 15Member-onlyAngular Signals: Best practices around exposing SignalsSome 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: …Angular Signals3 min readAngular Signals3 min read
Published inAngular Training·Apr 26Member-onlyHow to pick the right dependencies for your Angular application?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…Angular5 min readAngular5 min read
Published inAngular Training·Mar 28Member-onlyAngular Signals: Questions and AnswersThe 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…Angular5 min readAngular5 min read
Published inAngular Training·Jan 20Member-onlyWhat’s new in Angular 15.1?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…Angular3 min readAngular3 min read
Jan 1Template Reference VariablesWelcome 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:Angular2 min readAngular2 min read
Published inAngular Training·Dec 15, 2022Member-onlyLearn Angular little by little in 2023As 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…Angular3 min readAngular3 min read
Published inAngular Training·Nov 30, 2022Member-onlyWhat’s new in Angular 15?Angular 15 was released in early November 2022. This version brings a lot of new features, more than what we’ve been used to with previous major versions of Angular. Let’s dive into some of the significant new features one by one: Directive composition API Before Angular 15, we could use inheritance to create…Angular6 min readAngular6 min read
