All Blog Posts

The dialog that ate my sticky header

How moving the scroll container fixed a bug I didn’t see coming. Sticky header gets eaten by a modal dialog monster. The symptom We had a page with a sticky hea…

Rafael Kapp · 8 July 2026 · 4 min

Why Attribute Selectors Beat Element Selectors for Directives

We recently rewrote a big chunk of our design system’s directives, swapping element selectors for attribute selectors. It touched a lot of files and fixed a pro…

Rafael Kapp · 2 June 2026 · 2 min

The Register/Unregister Pattern: Elegant Parent-Child Communication in Angular

How a radio card group taught me to stop querying children and let them speak for themselves. The Problem: Who Are My Children? Angular’s contentChildren, viewC…

Elisa Schnabel · 28 May 2026 · 3 min

The Day I Stopped Using crypto.randomUUID() for Everything in Angular

Recently I was building a fairly standard Angular component — reusable, clean, accessible. The usual checklist. At some point, I needed to connect a label to an…

Elisa Schnabel · 17 March 2026 · 1 min

Mocking Child Components in Angular Unit Tests

Unit tests in Angular should test only the component under test. Avoid pulling in other parts of the application, as that leads to irrelevant failures and uncle…

Rafael Kapp · 10 October 2025 · 1 min

Custom Angular Form Controls Made Simple with Signal Forms

Creating custom form components in Angular has always been powerful — but also painfully verbose . If you’ve ever implemented a custom form control with the tra…

Elisa Schnabel · 10 October 2025 · 5 min

Angular Signal Forms: The most awaited feature is here

A few days ago, something exciting happened in the Angular world: the experimental Signal Forms feature branch was merged into Angular’s main branch. This unloc…

Elisa Schnabel · 15 September 2025 · 6 min

Handling Nested Reactive State with Signals

Created with the help of AI by the Autor With Angulars signals, local state management feels easier than ever. But when you deal with lists of heterogeneous ite…

Rafael Kapp · 11 September 2025 · 3 min

Angular Unit Testing in v20.x: Choosing the Right Test Runner

Front-end development moves fast — and Angular keeps pace. With v20 and v20.2.0 we’ve seen substantial feature and tooling upgrades (including Signals enhanceme…

Rafael Kapp · 4 September 2025 · 3 min

Integrating httpRessource with signalStore in Angular

If you’ve been exploring Angular’s latest reactive patterns, you’ve probably come across ngrx SignalStore and httpResource . These two tools make building react…

Elisa Schnabel · 4 September 2025 · 3 min

Is Angular’s Resource API the End of httpClient?

Angular 19 introduced the Resource API (httpResource) — a new signal-based abstraction for working with remote data. Some developers immediately asked the obvio…

Elisa Schnabel · 20 August 2025 · 3 min

Simplifying Angular Material Tables: State Management Without the Mess

The problem you’ve probably shipped already I keep seeing the same pattern in Angular apps: a Material mat-table whose component file quietly grows past 300 lin…

Rafael Kapp · 15 August 2025 · 5 min

Angular Signals & NgRx Signals Package: How to Pick the Right State Management Strategy

Generated State management is a cornerstone of building maintainable, scalable Angular applications. With Angular’s introduction of Signals, developers now have…

Elisa Schnabel · 10 August 2025 · 4 min

When Should You Use NgRx SignalStore’s Events Plugin?

NgRx Signals is emerging as a modern, lightweight alternative to traditional state management in Angular, centered around Angular Signals. Compared to NgRx Stor…

Rafael Kapp · 7 August 2025 · 5 min

Why Your Angular @defer Block Isn’t Lazy Loading: 4 Common Pitfalls

Generated with AI by Author With Angular v17, the introduction of defer blocks (also known as deferrable view s ) brought a powerful and declarative way to impr…

Elisa Schnabel · 3 August 2025 · 3 min

Rethinking Angular’s v20 Style Guide: A New Compass or a Loose Map?

Generated With AI From The Autor Angular just got a new style guide in v20 — and it’s not what I expected. I’ve been around long enough to remember when Angular…

Rafael Kapp · 31 July 2025 · 5 min

Integrating a Language Switcher in Storybook with Angular and Transloco

Recently, I was tasked with adding a language switcher to Storybook for an Angular component library. The goal was to test and showcase multilingual support for…

Elisa Schnabel · 27 July 2025 · 3 min

Signals vs. RxJS: Understanding Angular’s Dual Approach to Reactivity

Angular has long relied on RxJS for managing asynchronous events, handling race conditions, and coordinating complex data flows. However, with the introduction…

Rafael Kapp · 24 July 2025 · 8 min