Published inITNEXT·PinnedA sweet spot between signals and observables 🍬In collaboration with Chau Tran. The migration wave to signals is real, state management libraries have started to add support to support both observables and signals. This is my shot together with Chau to combine observables and signals into one. Little history Angular has had observables since the beginning and the devs…Angular8 min readAngular8 min read
Published inITNEXT·PinnedCreate configurable Angular GuardsWhen building web application, from time to time we have to protect routes from unauthorized access. In Angular, we can do this by using router guards. This is not an intro to Angular guards, so if you are not familiar with them, you can read more about them in the…Router Guards6 min readRouter Guards6 min read
Published inITNEXT·PinnedIt’s ok to use function calls in Angular templates!“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…Angular6 min readAngular6 min read
Published inAngular Blog·Sep 14Incremental Static Regeneration for AngularIn Angular v16 we got a new hydration system. It was also hinted that experiments for partial hydration and resumability are in the works. This is great news for Angular developers, but there is still a lot of work to be done to make Angular apps more performant and SEO…Angular5 min readAngular5 min read
Published inITNEXT·May 13Migrate Angular Interceptors to function based interceptorsIn this article we will learn how to migrate class based interceptors to function based interceptors. In Angular v15, the Angular team introduced a new way to create interceptors. Instead of creating a class that implements the HttpInterceptor interface, we can now create a function that implements the HttpInterceptorFn interface. Why should we migrate to function based interceptors? …Angular4 min readAngular4 min read
Published inITNEXT·May 13Create configurable Angular interceptors ⚙️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…Angular3 min readAngular3 min read
Published inITNEXT·May 10Add Superpowers to your Angular Inputs 🔋 (New feature 🎉)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…Angular3 min readAngular3 min read
Published inITNEXT·May 4Migrate Angular Universal to use Standalone APIsAngular 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…Angular3 min readAngular3 min read
Published inITNEXT·Apr 25Lazy loading services in Angular. What?! Yes, we can.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…Angular4 min readAngular4 min read
Published inITNEXT·Apr 19New way of passing data to dynamically created components (New Feature 🎉)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…Angular6 min readAngular6 min read
