This video is your onestop 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.
✅ Glitchfree 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/si...

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/rainerhahneka...

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. TwoWay Binding with Signals
20:14 1.6. computed()
25:01 1.7. Reactive Context II effect()
30:02 2.1. GlitchFree Effect or Push/Pull Algorithm
39:52 2.1. Animation GlitchFree 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