🚦Angular Signals Game Changer: NgRx Signal State

This is quick guided tour to the NgRx Signals Signal State utility. Learn how to create signal state objects using it, and learn how Signal enables fine-grained reactivity in a lightweight way, without any special downsides.

#angular

Timestamps:

0:00 Intro
01:59 Understanding Fine-Grained Reactivity
04:24 How Does Signal State Actually Work?
07:33 NgRx Signal State and Computed Signals
08:18 NgRx Signal State FAQs

Related articles on the Angular University blog:

Free content at the Angular University:

Follow me:

[AngularUniversity]

Let me know if you are planning on adopting NgRx Signal state on your application 😉

[RooomuG]

I really liked Signal Store. For a final understanding, it would be interesting to show how Signal Store can replace Ngrx Store with an example. Especially, how we can implement an analogue of effects from Ngrx Store. Thanks for your videos!

[ChrisTito-iesd]

Your knowledge share are always simple and precised. Thank you Vasco!!!!

[bartekaszczuk]

I also think NgRx Signals has potential. I enjoy managing state with it.

[rkrao]

Interesting actually. So this is how I am planning to do my state management. This is how I set up Using pure signals, ngrx/signals signal state and RxMethod for side effects and keeping my components pure and accessing state from a state file and services are stateless. I would love to have your feedback on this pattern, I believe this will scale to bigger peojects easily but it would be great if you hav any opinion on it

[ddgutierrez]

What use cases does this signalState have?

I don't understand the use cases it has.

Great Video!

[AbdulazizLadan-xj]

Thank you for this Vasco. I started using NGRX signal store with my modules instead of NGRX store and it has simplified my code.

[baaaanan]

Great content. I love to see in what direction this channel is heading. Cheers Vasco

[michaelrtan]

Very informative video! I really like the approach of ngrx signal store and signalState and I really like to use the ngrx signalState to our project app but I'm just a bit hesiitant because its being managed by 3rd party and they might decide one day to stop providing support/update for the library.

[CecilPhillip]

This is awesome. Thanks for doing this video.

So could SignalState get used in a shared service class? I'm wondering if this would be an easier entry point versus setting up a store, and actions, and all of that other stuff.

[mahboisph]

Would have been nice to know which version you are using here and which version this implementation supports. A lot more angular devs are in v16 and cannot move to 18 yet...

[haroldpepete]

i have had to update my angular cli 3 billion of time in the last 2 years to get the most recent angular's version

[boris]

are there still actions / reducers / effects with ngrx signals? patching the state with "patchState" looks more imperative to me and i like the fact, that i am able to trigger an effect and a reducer with the same action.

[esdegan]

SignalState vs SignalStore
when to use when

[greekplayback]

Thanks, can you please share code on github ?

[hatsvids]

I just came across a situation where I need to update a nested Status object. The Status object lives in another object, and that object is declared as a signal. When the status is set to a specific value, the UI should disable/remove actions. Two things crossed my mind:

What's the best way to update the status value: mutate the StatusId, or spread it into a new object where Status is set to a new object?
How am I going to notify all the locations where the main object is used (main page component and two child components)?

Then i remembered to check your videos, and here it is! =D but... Is using signalState the default "right" way to do it now? Does the Angular team have something to tackle this in the current/future signal API? I don't want to refactor all the code if there will be a new "official" way to do it.

[notirondead]

What is the difference between Signal State and Signal Store in terms of RxJs

[JakobBjerrePetersen]

What if you take a complex object as an input signal? I guess we're still better of with a custom equal method.

[AgustinCampon]

Love signalStates, the only downside is that we lose redux tools with this implementation. Do you know if there is any other alternative to not lose the feature to check the actual state of the application from the browser?

[trevormontgomery]

Ran into a weird recursion issue with rxmethod. Not sure what's causing it though