Template Reference Variables

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…

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…

This post illustrates some new router utility functions available in developer preview since Angular v14. You’re probably familiar with the syntax: imports: [ RouterModule.forRoot([ {path: 'crisis-list', component: CrisisListComponent}, {path: 'heroes-list', component: HeroesListComponent}, ]) ] We can now replace that syntax with: providers: [ provideRouter([ {path…

ng-conf is the biggest Angular conference in the world, and the event was back in person early this September in Salt Lake City, Utah. I was lucky enough to be speaking at the event and attended the entire conference, which remains my favorite tech event of the year. Here are…

HTML, CSS, and Javascript are evolving faster than ever before, making the web more developer and user-friendly. In this article, we will see 5 new HTML/CSS features that are: Super easy to use, usually one or two lines of code A game-changer in several cases, as they can replace component…

Dialogs, pop-ups, and overlays have become a common feature of web applications. Not long ago, we relied on component libraries (or jQuery plugins) to create such dialogs. Things have changed. There is now a dialog HTML element compatible with all modern browsers. This tutorial will illustrate how to use such…

Angular 14 was released a few weeks back. The new framework version contains quite a few interesting features that developers have been asking for some time. Let’s dive into these new main features one by one. Typed forms When creating forms with Angular 14+, type information is preserved and checked across all…

Sometimes, we need server-side information to valid form data in the browser. Angular’s AsyncValidators are the way to achieve such asynchronous validation with Angular. If you’re familiar with custom form validation in Angular, you’re aware that custom validators are functions that take an AbstractControl as a parameter and return null…