Angular Change Detection EXPLAINED — Default, OnPush & Signals

Angular Change Detection breaks more apps than any other concept — and most tutorials don't explain WHY it works the way it does. In this video you'll learn exactly how Angular's Change Detection works under the hood — covering the Default strategy, OnPush, ChangeDetectorRef, and Angular Signals. By the end you'll know which strategy to use and when, and you'll never debug a frozen UI component again. Whether you're optimising a legacy Angular app, migrating to OnPush, or exploring Angular Signals in Angular 17 and above — this is the one video that covers it all. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⏱ CHAPTERS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 00:00 Hook — The bug that breaks you 00:15 What you'll learn 00:30 What is Change Detection? 00:58 What triggers CD (Zone.js) 01:18 The performance problem 01:30 Default CD strategy — the problem 02:00 OnPush strategy — the fix 02:35 OnPush gotcha — mutable data 02:55 Immutable update pattern 03:15 markForCheck() vs detectChanges() 03:45 async pipe + OnPush 04:05 Summary and Next steps ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔗 RESOURCES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📄 Angular Docs — ChangeDetectorRef → https://angular.dev/api/core/ChangeDetectorRef 📄 Angular Docs — Signals → https://angular.dev/guide/signals ▶ Angular Signals Deep Dive → https://youtu.be/kytcQCT716o ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🛠 TOOLS I USE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ VS Code → https://code.visualstudio.com Theme: One Dark Pro Font: JetBrains Mono ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📺 FRONTEND FORGE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Weekly Angular tutorials for developers who want to actually understand what's happening under the hood — not just copy-paste solutions. Subscribe for a new Angular video every Sunday → https://www.youtube.com/@front-end-forge?sub_confirmation=1 #angular #angulartutorial #ChangeDetection #OnPush #angularsignals #frontendforge #webdev #typescript #frontenddevelopment #angular17