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 …
Angular Guides
Signal Store & NGXS: Elevating Flexibility in State Management
Since the introduction of signals in Angular, it has opened new opportunities to build new APIs around it, including state management. The best solution for that was built by …
How To Optimize Your Angular Bundle Size
The size of your application bundle significantly affects user experience. With so many libraries available in npm, it’s easier than ever to ruin the application’s performance by bloating its …
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 …
Dependency Injection in Angular – everything you need to know
Dependency Injection (DI) is one of the most important mechanisms in Angular. This pattern allows for inversion of control by passing instances of requested dependencies to the class instead …
Angular micro frontends — a modern approach to complex app development
The micro frontend architecture is a well-known development approach, and has been one for a long time. It is often compared to the widely employed microservices paradigm found commonly …
Boost Your Application’s Performance with NgOptimizedImage
Introduction As the saying goes, a picture is worth a thousand words. In web terms, however, a picture can take up more bandwidth than all the words on your …
Build a Pokemon Gallery with New Control Flow in Angular 17
Introduction In this blog post, I explained how to build a simple Pokemon Gallery using the new control flow in Angular 17. New control flow is a new feature …
Angular Styles Masterclass
As front-end developers, we are responsible for various types of web application functionalities. In my opinion, the second most important thing (after business logic) is style management. The right …
Work smart, not hard – use Directive Composition API
In this article, you will find out what directive composition api is, why it took so long to be released, what problems it solves and what are its benefits …
Effortless Angular deployment with Vercel
Angular + Vercel If you’re just getting started with Angular, you’d certainly like to be able to share your projects externally. In the official documentation, we can find several …
Internationalization: How To Open an Application to the World – part 2
GO TO FIRST PART What is pluralization? A popular problem in the i18n realm is pluralization — displaying different text depending on the value of a variable. In most …