Fanis Prodromou


Get to Know the AfterRenderEffect
Angular 19 introduced a powerful new hook called afterRenderEffect, combining the capabilities of effect and afterRender into a single, efficient function. This makes it easier to manage side effects …


What LinkedSignal is and how to use it
Angular 19 was an amazing release and shipped great features. One of them is the LinkedSignal. The tl;dr version is that LinkedSignal is similar to the computed function, with …


Angular Generators
The Angular team constantly introduces new features and tools to make development easier. One of these helpful tools is 'generators.’ These generators automatically update your code to the latest …


Angular Scroll Position Restoration
Have you ever scrolled through a long list on a website, like a bunch of products? You find something interesting, click on it to learn more, then decide you …


Learn How to Unit Test the Deferrable Views
The deferrable views (a.k.a @defer block) is a new Angular feature where we can declaratively lazy load a part of our HTML. In other words, we can select which …


How to use Angular’s defer block to improve performance?
It’s crucial to ensure a pleasant user experience – especially when users are waiting for something to happen. In such instances, having a placeholder or a loading indicator can …


Get To Know The DestroyRef!
DestroyRef has been introduced in Angular 16 (commit link). It gives us the option to run a callback function when the component/directive is destroyed or when the corresponding injector …


Angular Signals RxJS Interop From a Practical Example
Signals are Angular’s new reactive primitive that will improve the way we develop Angular Apps and the Developer’s Experience. It will also make a big difference in the change …


All you need to know to jumpstart with NGXS
I bet you’ve already heard/read about state management. If not, I bet again that you want your applications to be easier to maintain/extend. Of course, having state management in …