How to Pick the Right Dependencies for Your Angular Application

Choosing the right libraries/dependencies for your Angular applications can make or break your project in the long run. Learn how to pick the right dependencies.

Lazy-loading with @defer

Master Angular lazy-loading with @defer and learn how to control triggers, placeholders, loading behaviour, and error states for standalone components.

What Does Zoneless Angular Mean?

Explore what “zoneless” Angular means—how change detection works without Zone.js, what triggers updates instead, and the best practices (Signals, OnPush, async pipe) to get ready.

Server-side rendering: SSR or SSG, what’s the difference?

This is a clear breakdown of SSR (Server-Side Rendering) vs SSG (Static Site Generation) in Angular—explaining how they work, key differences like runtime vs build-time rendering, hydration behavior, server requirements, and how to choose the right strategy per route.

Angular Signal Forms — Set-up and validation rules

The article explains Angular’s experimental Signal Forms (introduced with Angular 21), showing how they provide a third approach to building forms alongside template-driven and reactive forms by using signals to manage form data, state, and validation more directly and intuitively, including centralized, reusable validation rules and simpler access to field status like validity, errors, and user interaction.

What’s new in Angular 21.1?

Angular 21.1 is out, and while most of the new features are still experimental, the release gives us a solid preview of where Angular is heading. From Signal Forms API changes and long-awaited focus helpers, to more flexible control flow, template improvements, router updates, and MCP server enhancements, this version is packed with ideas worth exploring—just not shipping to production yet. Let’s take a quick look at what’s new and what’s promising.

Anti-pattern series: Not unsubscribing from Observables

This article explains how Angular 16 improves observable cleanup using takeUntilDestroyed and recommends applying it in services rather than components, so all subscribers are automatically protected from memory leaks.

How to animate transitions with Angular?

Angular 20.2 introduces a delightfully simple way to animate elements as they enter and leave the screen. With zero imports and CSS doing all the heavy lifting, the new animate.enter and animate.leave attributes let you add smooth, modern transitions with minimal code and maximum sanity.

Dynamic component creation with Angular

The article explains how to create and control Angular components dynamically at runtime, rather than relying on static components that are toggled visible/hidden in the DOM.