Angular

If you’re using Nx for your full-stack or monorepo setup, the latest v21 release is going to make your dev life way easier. Say goodbye to running five terminals just to start your frontend and backend. With Continuous Tasks, you can now keep related long-running tasks running together — all from a single command. Let’s […]

Angular has been going through a serious glow-up. From version 18 through the upcoming v20, we’re seeing the framework transform into a leaner, faster, and more developer-friendly powerhouse. If you haven’t explored these updates yet, you’re missing out on performance wins and developer ergonomics that could seriously level up your workflow. Let’s break down the

Let’s be real — Angular is powerful, but it can also be extremely unforgiving when things go even slightly off-script. Here are 7 Angular bugs I’ve run into (more than once 😅), and exactly how I debug or prevent them. 1. ExpressionChangedAfterItHasBeenCheckedError 💥 The Pain:This one hits when you change a bound value inside ngOnInit()

In modern web apps, it’s common to embed external content like YouTube videos, dashboards, or even third-party apps — and the <iframe> tag makes that easy. But in Angular 19, you need to be extra mindful of security, binding, and lifecycle management. In this post, I’ll walk you through how I handle iframes in Angular

Angular 20 just landed — and one of the most exciting features for devs who love clean, reactive code is finally here: two-way binding for dynamically created components. If you’re building dynamic forms, dashboards, modals, or reusable UI blocks that render at runtime, this update is a total game-changer. Let’s break down what it does,

If you’re prepping for an Angular interview, expect to be asked about Dependency Injection (DI). It’s a core design pattern in Angular — and knowing how it works can set you apart from other candidates. In this post, I’ll cover must-know DI interview questions, with clear examples and answers that will help you not only

In Angular development, there’s one styling trick that’s both incredibly handy and a bit controversial: ::ng-deep. Despite being deprecated, ::ng-deep is still very much alive in real-world Angular projects — especially when you’re working with third-party libraries like Angular Material, PrimeNG, or ngx-datatable. In this post, I’ll walk you through: ✅ What ::ng-deep is🚨 Why

Memory leaks in Angular aren’t just a backend problem or something that happens in edge cases — they’re surprisingly common in real-world apps. Especially in larger applications with subscriptions, event listeners, timers, or global references, a forgotten teardown can quietly slow your app to a crawl. This post is your go-to guide for spotting, fixing,

Ever wish you could peek inside an Angular component and get all its metadata — dynamically, cleanly, and without relying on brittle decorator parsing? Meet your new secret weapon: reflectComponentType. Whether you’re building dev tools, smart CLI utilities, or advanced debugging features, this underrated Angular API offers powerful insights — and it’s shockingly easy to

In modern Angular apps, it’s super common to make several API requests simultaneously and then act only after all responses come back. But how you manage this process can either keep your code clean and reliable or turn it into a tangled mess. Some developers rely on manual flags to track when all calls finish