Reactive Contexts

  Рет қаралды 2,134

Rainer Hahnekamp

Rainer Hahnekamp

Күн бұрын

In this video, we delve into the concept of Reactive Contexts in Angular and their crucial role in making Signals reactive. You'll learn:
🚦 What a Reactive Context is and why it is essential for Signals.
🚦 How the effect function creates a Reactive Context.
🚦 How a Reactive Context functions within an Angular template.
🚦 The slight differences between the effect function and template Reactive Contexts.
🚦 Why effect might get triggered more frequently than templates and why this behavior is not problematic.
The repository is available at github.com/rainerhahnekamp/re....
There is also a much more detailed video on Signals, which you can find at • Signals Unleashed: The... .
0:00 Introduction
1:38 Reactive Context via Template
5:19 Reactive Context via effect()
6:14 Different Behavior
8:18 "Does it matter?"
11:45 Farewell

Пікірлер: 19
@dhavalv
@dhavalv 10 күн бұрын
Thank you Rainer for this video. I always make sure to listen to all of your videos, always learn something not documented
@RainerHahnekamp
@RainerHahnekamp 10 күн бұрын
Thanks Dhaval, and also for your ongoing support. You are a well-known face to me 👍
@rolandjost3823
@rolandjost3823 7 күн бұрын
Thank you Rainer
@RainerHahnekamp
@RainerHahnekamp 6 күн бұрын
As always, you are very welcome Roland!
@marcwinner567
@marcwinner567 10 күн бұрын
Thanks for the vid! Learned something new 🎉
@RainerHahnekamp
@RainerHahnekamp 10 күн бұрын
Great, I stumbled upon the different behavior in a workshop and thought it might be useful to share.
@MohamedAbdulRaouf
@MohamedAbdulRaouf 12 күн бұрын
Super as always, thank you Rainer form Egypt 🙌
@RainerHahnekamp
@RainerHahnekamp 12 күн бұрын
Thanks a lot Mohamed and best wishes from to Vienna (🇦🇹) to the land of the pyramides (🇪🇬) 👍
@aianam5354
@aianam5354 12 күн бұрын
Thank you Rainer ❤ very helpful
@RainerHahnekamp
@RainerHahnekamp 12 күн бұрын
Thanks Aiana and you are very welcome 🙏
@lindermannla
@lindermannla 12 күн бұрын
Wowww, excelent tutorial! Thnxz!
@RainerHahnekamp
@RainerHahnekamp 12 күн бұрын
Happy to heaar Leonardo
@koempf
@koempf 12 күн бұрын
great Video :-) thanks Rainer ! top
@RainerHahnekamp
@RainerHahnekamp 12 күн бұрын
Most appreciated Steffen!
@ShiftedBit
@ShiftedBit 12 күн бұрын
That's an important issue you are showing here. Thank you for that. I think i will stick with rxjs on the data layer and use signals in components only. I may try out a signal store for state management. Currently I am quite happy with rxAngular StateManagement and event driven reactivity.
@RainerHahnekamp
@RainerHahnekamp 12 күн бұрын
Serwas Markus, yeah so using Signals in the templates is definitely a safe bet. I don't think that we have to use RxJs all the time. There are quite a lot of applications out there who might be well off with relying only on Promises but you need to know when Promises aren't sufficient anymore and you need to level up. I intend to come up with a video on that topic. It is not easy one. Although I have very good connections to the RxAngular team, I still haven't tried it out. Shame on me 😅
@ShiftedBit
@ShiftedBit 12 күн бұрын
@@RainerHahnekamp I know it sounds odd, but do you think it would make a difference to wrap the promise into an observable and embed it to the computed with toSignal()?
@RainerHahnekamp
@RainerHahnekamp 12 күн бұрын
@@ShiftedBit I don't know, you could try it out if you want to. I've added the link to the repository. But as I said in the video, it must not concern you that you might miss the intermediate change where the holidays are emptied. If it does, that don't use a Signal for the holidays but an Observable. "The problem" is not the Promise, but the Signal itself which skips some values (glitch-free).
@marcwinner567
@marcwinner567 10 күн бұрын
@@RainerHahnekamplooking forward to that video sir 🎉
Angular's Change Detection
27:31
Rainer Hahnekamp
Рет қаралды 6 М.
Signals Unleashed: The Full Guide
1:39:24
Rainer Hahnekamp
Рет қаралды 14 М.
Backstage 🤫 tutorial #elsarca #tiktok
00:13
Elsa Arca
Рет қаралды 40 МЛН
Super gymnastics 😍🫣
00:15
Lexa_Merin
Рет қаралды 99 МЛН
World’s Deadliest Obstacle Course!
28:25
MrBeast
Рет қаралды 73 МЛН
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 37 МЛН
Angular Testing in 2023: Past, Present, and Future
26:21
Rainer Hahnekamp
Рет қаралды 10 М.
Stop Recommending Clean Code
27:05
ThePrimeTime
Рет қаралды 443 М.
Learn Why JavaScript Frameworks Love Signals By Implementing Them
20:15
tree-sitter explained
15:00
TJ DeVries
Рет қаралды 72 М.
Reactive Forms in Angular - Dynamic Validation
13:24
Decoded Frontend
Рет қаралды 6 М.
NgRx Signal Store Trilogy, Part 1: Why, When, and How?
51:04
Rainer Hahnekamp
Рет қаралды 12 М.
`const` was a mistake
31:50
Theo - t3․gg
Рет қаралды 110 М.
git rebase - Why, When & How to fix conflicts
9:45
Philomatics
Рет қаралды 26 М.
Why didn't the Angular team just use RxJS instead of Signals?
8:15
Joshua Morony
Рет қаралды 86 М.
React vs Angular in 2024
9:00
Kodaps Academy
Рет қаралды 26 М.
сюрприз
1:00
Capex0
Рет қаралды 1,3 МЛН
Как работает автопилот на Lixiang L9 Max
0:34
Семен Ефимов
Рет қаралды 15 М.
AI от Apple - ОБЪЯСНЯЕМ
24:19
Droider
Рет қаралды 121 М.
Настоящий детектор , который нужен каждому!
0:16
Ender Пересказы
Рет қаралды 401 М.
5 НЕЛЕГАЛЬНЫХ гаджетов, за которые вас посадят
0:59
Кибер Андерсон
Рет қаралды 1,6 МЛН