Signals Unleashed: The Full Guide

These are the slides for the video "Signals Unleashed: The Full Guides" at https://youtu.be/6W6gycuhiN0

Transcript

1. RainerHahnekamp
2. RainerHahnekamp Link to Video https://youtu.be/6W6gycuhiN0
3. RainerHahnekamp About Me... Professional NgRx https://www.youtube.com/ @RainerHahnekamp https://www.ng-news.com https://github.com/softarc-consulting/sheriff • Rainer Hahnekamp ANGULARarchitects.io • Developer / Trainer / Speaker Modern Spring for Angular @RainerHahnekamp
4. RainerHahnekamp 1. Basics 2. Advanced 3. RxJs Interop. 4. “New API” 🚦Signals🚦 Agenda
5. RainerHahnekamp Better Performance Lightweight Reactivity Better DX Ready for future Features Advantages of Signals
6. RainerHahnekamp 1 - Basics
7. RainerHahnekamp Triggers for Change Detection Handled DOM Events Asynchronous Tasks
8. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
9. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
10. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
11. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
12. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
13. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
14. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
15. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
16. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection
17. RainerHahnekamp Issues with Change Detection Runs too often Location of Change is unknown
18. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection with Signals SPA Signal Graph
19. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection with Signals SPA Signal Graph
20. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection with Signals SPA Signal Graph
21. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection with Signals SPA Signal Graph
22. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection with Signals SPA Signal Graph
23. RainerHahnekamp Component Tree Web Application Submit Cancel Change Detection with Signals SPA Signal Graph
24. RainerHahnekamp 2 - Advanced
25. RainerHahnekamp 3 - RxJs Interop.
26. RainerHahnekamp Simplicity Glitch-Free Effect Guaranteed Synchrony Why Signals instead RxJs?
27. RainerHahnekamp takeUntilDestroyed() toSignal() toObservable() RxJs Interop. API
28. RainerHahnekamp 4 - "New API"
29. RainerHahnekamp @Input @Output @ViewChild @ViewChildren @ContentChild @ContentChildren() input() output() viewChild() viewChildren() contentChild() contentChildren() Changes
30. RainerHahnekamp Signal Components Signal-based Form Authoring Format Optional RxJs Upcoming Features