Dependency Injection
How Angular Dependency Injection works under the hood
Dependency Injection (DI) is one of the most beloved and powerful features of Angular, and it happens...
Articles by thomas
25 articles · page 1 of 2
Signals
On the road to Fine-Grained Change Detection
A pull request was recently merged and will be available in the upcoming major version v17. This pull...
Router
Function calls inside template are dangerous!
The other day, one of my coworkers detected a strange behavior inside our application. When he added...
Dependency Injection
New input binding for NgComponentOutlet
In Angular, you can create dynamic components using the NgComponentOutlet directive. However when...
RxJS
Share / ShareReplay / RefCount
share and ShareReplay are two RxJs operators that we always struggle to use correctly. We know that...
Change Detection
Make TrackBy Easy to Use!
If you are an Angular user, you must have heard about the trackByfunction inside an *NgFor loop. If...
Testing
Migrating an Angular project to an Nx workspace: Ng-Morph to the rescue!
I am currently migrating multiple projects and shared libraries within an Nx workspace to take...
RxJS
Accessing route params in Angular
There are various scenarios in which you may need to read parameters from your route. These...
Signals
Future of Change Detection in Angular with Signals
Default Strategy If you’re using Angular, you’ve probably heard about Zone.js. It’s an...
RxJS
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...
Change Detection
Boost Your App's Performance by Wrapping Your Functions Inside a Pipe
The purpose of this article is to provide you with a small, strongly-typed utility pipe that you can...
Components
Deep dive into Angular pipes
The aim of this article is to explain everything related to pipes. First, we will learn how to build...
Router
Create a route Guard to manage permissions
Welcome to Angular challenges #6 : part 2 The sixth challenge is about managing...
RxJS
Everything you need to know about route Guard in Angular
Routing is a significant aspect of any SPA application, and protecting these routes is often...
Components
Angular Styling Made Easy: Leveraging the Power of CSS Variables
Css variables are a very powerful tool for creating highly customizable, scalable, and maintainable...
Router
Create a custom Structural Directive to manage permissions
Welcome to Angular challenges #6. The aim of this series of Angular challenges is to...
State
Discover the power of @Ngrx/component-store to create a Local Component State
Welcome to Angular challenges #5. The aim of this series of Angular challenges is to...
Dependency Injection
Mastering Injectable Services: A Comprehensive Guide
In Angular, the @Injectable decorator is used to create services that can be provided to other...
State
Publishing your first library with NX on NPM
Recently I decided to publish my first library on NPM. The library enhances @Ngrx/component-store to...
Components
NgTemplateOutlet Typed Checking (Part 2)(Inline)
In my previous article, we saw how to strictly type-check the NgTemplateOutlet when it is used on a...
Components
NgTemplateOutlet Typed checked (with @ContentChild)
Welcome to Angular challenges #4. The aim of this series of Angular challenges is to...
Components
Directive Type Checking
Directives are a very powerful tool that we should master to improve our Angular skills. Typescript...
Components
Extending NgFor to support Empty use case
Welcome to Angular challenges #3. The aim of this series of Angular challenges is to...
State
NgRx Effect vs Reducer vs Selector
Welcome to Angular challenges #2. The aim of this series of Angular challenges is to...