NgRx Signal Store - Is It a NgRx Replacement?

[@MonsterlessonsAcademy]

WATCH NEXT: Angular with NgRx - Building Angular Project From Scratch - kzbin.info/www/bejne/rJTJi2N7htWMiqMsi=BptT7eqgflHIoQiQ

[@nergrohombre]

WOW! I got moved to a team that was using NG17, I needed to learn this fast. THANK YOU FOR GETTING TO THE POINT QUICKLY! Much appreciated!!

[@MonsterlessonsAcademy]

You're welcome!

[@rembautimes8808]

I finally implemented Signal Store in my app. All possible due to your amazing tutorial. Thanks

[@MonsterlessonsAcademy]

Great to hear!

[@michaelkovalsky4907]

I love this, straight to the point. Exactly what I need as we're planning on upgrading to Angular 17

[@MonsterlessonsAcademy]

Glad you like it!

[@musoverda]

Cool! the example is simple, consistent and understandable; I got acquainted with many tricks in twenty minutes

[@MonsterlessonsAcademy]

Glad to hear that!

[@zoltanhorvath2238]

Great that you provide source code, i probably mentioned it before. I like the tutorial now, because i can follow it with that. Thanks!

[@MonsterlessonsAcademy]

Glad it was helpful!

[@zoltanhorvath2238]

@@MonsterlessonsAcademy Also bought a course from you, mainly because of the detailed tutorials you have on the chanel.

[@MonsterlessonsAcademy]

@@zoltanhorvath2238 Happy learning!

[@hasanibishi]

It's impossible to say "I do not understand this", amazing explanation!

[@MonsterlessonsAcademy]

Glad you like it!

[@AdelBasiony]

Thanks a lot for this awesome explanation.

[@MonsterlessonsAcademy]

Glad it was helpful!

[@muhammadidrees6650]

Thanks

[@MonsterlessonsAcademy]

Thank you so much for your support. It means a lot to me!

[@NiGhTm4r389]

Very nice explanation. What I wonder is, how can this be combined with ngrx store in a meaningful way?

[@MonsterlessonsAcademy]

It can't. It's a replacement for plain signals. Just use it simultaniously with ngrx store if you need to

[@NiGhTm4r389]

@@MonsterlessonsAcademy yeah that's what I meant, but I'm not sure how exactly. What I'm thinking of would be subscribing to a selector and save the value as a signal maybe?

[@MonsterlessonsAcademy]

@@NiGhTm4r389 You want this.store.selectSignal(selector)

[@jitheshkramesh]

Thanks for the tutorial. Once the page gets forcefully refreshed (F5), all the signal/subject values are getting cleared. How to fix this ? . Please help.

[@MonsterlessonsAcademy]

It's Javascript. It only exists in memory. Yes everything is removed after page reload. You either use local storage to store some values or recreate your state after reload.

[@jitheshkramesh]

@@MonsterlessonsAcademy when I tried to update Signal at effect getting error message like this. please suggest. Writing to signals is not allowed in a `computed` or an `effect` by default. Use `allowSignalWrites` in the `CreateEffectOptions` to enable this inside effects.

[@PlerbyMcFlerb]

“What does this extremely descriptive well written error mean??!?”

[@nnaluekenneth8420]

Thank you very much for your amazing lessons. I guess we can use this new signal store instead of the main ngrx store for our state management, what do you think about this🤔

[@MonsterlessonsAcademy]

Kind of but it is still not a replacement. It's more to organize signals inside your service or component.

[@dmitriysuratov6601]

@@MonsterlessonsAcademy HI. You wrote about it as singular form. Do you think that we should use it connected only with one particular service or component. Can we use it like global store? I found that it is not connected with redux chrome plugin (provideStoreDevtools is not working for it). What is the best way to debug it?

[@srinik9999]

Great video as usual! I suggest using VS Code as IDE, it helps most of us to follow the video along with the file structure.

[@MonsterlessonsAcademy]

Great suggestion!

[@gemini9775]

very interesting thanks ^^

[@MonsterlessonsAcademy]

Glad you liked it!

[@Billy_Herrington__]

why is ngIf and ngFor are written in old format ? not like @for and @if ? and 2nd dont u think ngrxsignal is kinda redundant ?

[@MonsterlessonsAcademy]

Bad habbit. I don't see why it's redundant

[@tranedev]

like for video, as always! Thank you buddy, for really good description and explanation

[@MonsterlessonsAcademy]

Glad you liked it!

[@muhammadidrees6650]

Thank you so much! :)

[@MonsterlessonsAcademy]

You're welcome!

[@trevormontgomery6795]

Would you keep this in a separate file than your component?

[@awkeye7]

Yes you can. There is a great example of this in their documentation under @ngrx/signals > rxjs-integration

[@MonsterlessonsAcademy]

Do what you like more for your taste.

[@changcnchang8174]

Thank you for your help

[@MonsterlessonsAcademy]

Happy to help

[@vadimr5847]

Thank you very much!

[@MonsterlessonsAcademy]

You are welcome

[@anutaNYC]

But does it remain on the refresh page?

[@MonsterlessonsAcademy]

Nope. It's just javascript

[@anutaNYC]

@@MonsterlessonsAcademy so it doesn't retain the HR state like ngrx store?!

[@MonsterlessonsAcademy]

@@anutaNYC Nothing does that without local storage or etc. Ngrx store also doesn't

[@anutaNYC]

@@MonsterlessonsAcademy i always thought store stays on all pages since it's SPA applications with angular, thank you for you response.

[@vatokalandadze6184]

color theme name?

[@MonsterlessonsAcademy]

Gruvbox

[@anandu06]

What's the pros and cons ,while using this signalstore compared to component store , please explain.

[@MonsterlessonsAcademy]

It's signals. All other rules are same like in component store

[@davesharman8302]

It's a shame that the signal store doesn't work with the redux debug feature in chrome like ngrx/store does. Yes, it's not the same, has no actions etc. but it would still be nice.

[@MonsterlessonsAcademy]

Yeap

[@DjLeonSKennedy]

Angular is more and more like React, good trend

[@MonsterlessonsAcademy]

Yeap

[@BDominikGT]

Thank you very much. ❤

[@MonsterlessonsAcademy]

You are welcome!