Reactive Contexts

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

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 Ай бұрын
Thank you Rainer for this video. I always make sure to listen to all of your videos, always learn something not documented
@RainerHahnekamp
@RainerHahnekamp Ай бұрын
Thanks Dhaval, and also for your ongoing support. You are a well-known face to me 👍
@MohamedAbdulRaouf
@MohamedAbdulRaouf Ай бұрын
Super as always, thank you Rainer form Egypt 🙌
@RainerHahnekamp
@RainerHahnekamp Ай бұрын
Thanks a lot Mohamed and best wishes from to Vienna (🇦🇹) to the land of the pyramides (🇪🇬) 👍
@rolandjost3823
@rolandjost3823 Ай бұрын
Thank you Rainer
@RainerHahnekamp
@RainerHahnekamp Ай бұрын
As always, you are very welcome Roland!
@aianam5354
@aianam5354 Ай бұрын
Thank you Rainer ❤ very helpful
@RainerHahnekamp
@RainerHahnekamp Ай бұрын
Thanks Aiana and you are very welcome 🙏
@lindermannla
@lindermannla Ай бұрын
Wowww, excelent tutorial! Thnxz!
@RainerHahnekamp
@RainerHahnekamp Ай бұрын
Happy to heaar Leonardo
@koempf
@koempf Ай бұрын
great Video :-) thanks Rainer ! top
@RainerHahnekamp
@RainerHahnekamp Ай бұрын
Most appreciated Steffen!
@marcwinner567
@marcwinner567 Ай бұрын
Thanks for the vid! Learned something new 🎉
@RainerHahnekamp
@RainerHahnekamp Ай бұрын
Great, I stumbled upon the different behavior in a workshop and thought it might be useful to share.
@ShiftedBit
@ShiftedBit Ай бұрын
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 Ай бұрын
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 Ай бұрын
@@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 Ай бұрын
@@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 Ай бұрын
@@RainerHahnekamplooking forward to that video sir 🎉
NgRx Signal Store: The Release
46:35
Rainer Hahnekamp
Рет қаралды 1,9 М.
Why Angular Signals? Write Your First Signal
14:25
Angular University
Рет қаралды 8 М.
НЫСАНА КОНЦЕРТ 2024
2:26:34
Нысана театры
Рет қаралды 1,3 МЛН
Sigma Kid Hair #funny #sigma #comedy
00:33
CRAZY GREAPA
Рет қаралды 38 МЛН
Signals Unleashed: The Full Guide
1:39:24
Rainer Hahnekamp
Рет қаралды 19 М.
HTMX Sucks
25:16
Theo - t3․gg
Рет қаралды 113 М.
RxJs for Angular from scratch - April 2024
1:59:32
Angular Training
Рет қаралды 1,6 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 466 М.
80 Year Olds Share Advice for Younger Self
12:22
Sprouht
Рет қаралды 1,6 МЛН
Introducing Playwright
48:53
Rainer Hahnekamp
Рет қаралды 2,9 М.
Stop Recommending Clean Code
27:05
ThePrimeTime
Рет қаралды 465 М.
The Svelte 5 Guide: Runes And Universal Reactivity
21:41
Joy of Code
Рет қаралды 20 М.
The Most Important Skill You Never Learned
34:56
Web Dev Simplified
Рет қаралды 183 М.
Why didn't the Angular team just use RxJS instead of Signals?
8:15
Joshua Morony
Рет қаралды 90 М.
Better Than Smart Phones☠️🤯 | #trollface
0:11
Not Sanu Moments
Рет қаралды 16 МЛН
Запрещенный Гаджет для Авто с aliexpress 2
0:50
Тимур Сидельников
Рет қаралды 949 М.
Частая ошибка геймеров? 😐 Dareu A710X
1:00
Вэйми
Рет қаралды 4,2 МЛН
Как бесплатно замутить iphone 15 pro max
0:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 8 МЛН