This video is your one-stop guide to Signals in Angular (as of 17.3). We'll dive deep into: ✅ Essential functions: signal, computed, and effect explained. ✅ Reactive Context: Understand where it lives and how to use it. ✅ Glitch-free effects: Why this behavior is a strength, not a bug. ✅ Angular's safety net: Learn how Signals prevent cyclic dependencies and manage side effects effectively. ✅ Signals vs RxJS: Uncover the reasons behind Signals and explore seamless interoperability. ✅ Component integration: Discover how Signals streamline communication, reduce code, and leverage better typing. ✅ Jump on the Signals bandwagon! With Angular's roadmap in mind, now's the best time to ditch the wait and start building cleaner, more efficient applications. ⏱️✨ The repository for the project is at: https://github.com/rainerhahnekamp/signals-unleashed The repository also has an "init" branch that contains the project as it was at the start of the video. The slides are available at: https://speakerdeck.com/rainerhahnekamp/signals-unleashed-the-full-guide 0:00 Introduction 2:49 1.1. Why Signals? 6:10 1.2. Application Walkthrough 7:22 1.3. signal() 15:58 1.4. Reactive Context I - Template 18:25 1.5. Two-Way Binding with Signals 20:14 1.6. computed() 25:01 1.7. Reactive Context II - effect() 30:02 2.1. Glitch-Free Effect or Push/Pull Algorithm 39:52 2.1. Animation Glitch-Free Effect 42:54 2.2. Dynamic Dependency Tracking 47:04 2.3. effect() updating Signals 51:28 2.4. untracked() 57:11 3.1. Why Signals when we have RxJs? 59:11. 3.2. takeUntilDestroyed() 1:03:46 3.3. toSignal() 1:07:06 3.4. toObservable() 1:08:30 4.1. Signals & ExpressionChangedAfterItHasBeenCheckedError 1:16:17 4.2. viewChild() 1:20:06 4.3. input() 1:23:52 4.4. output() 1:25:50 4.5. model() 1:35:17 5. Outlook & Summary