ahmed.jeddah19@gmail.com

If you’re enjoying the power of Angular Signals, chances are you’ve hit this question sooner or later: “How do I debounce a signal properly?” Whether it’s a search box, a form field, or some kind of API call triggered by user input — debouncing is a core part of building responsive, performant experiences. And sure, […]

If you’ve ever implemented drag-and-drop in Angular, you’ve probably leaned on the powerful @angular/cdk/drag-drop module. And while the UI interaction often steals the spotlight, it’s the data layer that truly keeps things running smoothly. Behind every draggable item is some well-orchestrated array manipulation — and that’s where Angular CDK’s built-in utility functions become essential. Let’s

With Angular 20 now officially out, the updated style guide brings some much-needed clarity and modernization to how we name files and structure projects. If you’re spinning up a new app or considering refactoring a legacy codebase, this breakdown will help you adopt the new conventions confidently. ✅ File Naming in Angular 20: Simpler, Smarter,

The Angular team has officially launched a brand-new builder: @angular/build — and it’s a total game-changer. It replaces the long-standing @angular-devkit/build-angular, and the difference? It’s like switching from dial-up to fiber. ⚡ Let me walk you through why this matters and how it’s already transforming Angular dev workflows. 🧱 Why This Change Is a Big

Whether you’re working with signals, observables, or good ol’ DOM access, this concise guide breaks down the most common async/sync patterns in Angular — and when to use each. If you’re tired of second-guessing whether to use a signal, resource, or Observable, this is your go-to reference. 1️⃣ DOM Tasks — No Reactivity Needed 🔧

One of my favorite features in Angular v20 is something we’ve all been silently hoping for: type checking for host bindings. It’s the kind of upgrade that doesn’t scream flashy, but delivers serious value — especially if you care about stability, DX, and catching bugs early. Here’s why this change matters and how it can

Angular 20 just dropped, and honestly, this release is massive. Whether you’ve been deep in the Angular ecosystem for years or you’re just exploring modern frameworks, this update changes the game — especially if you care about performance, developer experience, and cleaner code. Let’s walk through what’s new in Angular 20 and why this version

Angular’s new Signal Forms are flipping the script on how we handle form state. Instead of the form owning the data, you own the model — and the form simply reflects it. If you’ve used Angular’s reactive forms before, this approach might feel like a breath of fresh air. In this post, I’ll break down

Angular has always been my go-to framework for building scalable, enterprise-grade applications. And just when you think the template syntax couldn’t get more powerful—Angular introduces Selectorless Directives. This feature is a huge step forward in how we build and compose behavior in Angular apps. In this post, I’ll break it down in a way that’s

Autocomplete dramatically improves user experience by making form interactions faster and more intuitive. If you’re working with Angular, MatAutocomplete from Angular Material is a sleek and flexible solution—but like many tools, it can trip you up if you’re not careful. In this article, I’ll walk you through setting up MatAutocomplete properly, and more importantly, break