When working with Angular interceptors, there are times we want to configure them based on the context of the application. So, if we want to export the interceptor as a library, we want to be able to configure it in the application that uses it. In order to better understand…

We’re used to lazy loading modules or components in Angular. But what about lazy loading services? Wait, what? Yes, we can. In this article, we will learn how to lazy load a service in Angular and it’s gotchas. What is Lazy Loading? Lazy loading is a code optimization technique that…

“You should never use function calls on Angular templates!” — That’s what you will see all over the internet! And I’m here to prove to you that that’s not always the case! The issue Every time Angular change detection runs (from events, setTimeout, manual or anything else), everything on the template will…

If you are reading this, you've probably heard of SSR (Server-side rendering), SSG (Static site generation) and CSR (Client-side rendering). A brief overview of them: SSR: With server-side rendering, every time a page is requested it will be server-rendered (probably make api calls), and then it will be served to…

Inputs are a powerful way to communicate between components. They are used to pass data from a parent component to a child component. In this article, we will see how to add superpowers ⚡️ to our inputs with a new feature that is going to be introduced soon. There are…

Angular v16 has been released with a new set of APIs for Angular Universal. This guide will help you migrate your existing Angular Universal application to use the new APIs. There are two main steps to migrate your application to use the new APIs: Migrate your application to use standalone…

Topics covered in this article: How it works today How it can be done in Angular v16 How to migrate to the new API How to test it Caveats How it works today When working with Angular, we often need to render dynamic components. For example, we might want to render a component based…

Topics covered in this article: How it works today How it will work in Angular v16 How to use it How to migrate to the new API How to test it Caveats When building applications with Angular, most of the time we use the Router to render different pages for…

Yes, that’s normal! Why? Because of how Angular does change detection under the hood! To better understand how the async pipe works, let’s create our own from scratch! Let’s call it SubscribePipe in order for us to differ it from the original one. Also, we want our pipe to check…