RxJS + Signals: Big Picture

Here is an big picture overview of how to use RxJS and Signals together in an Angular application.
Signals are a new feature available for developer preview in Angular v16.
This content is from my upcoming Pluralsight course: "RxJS and Angular Signals Fundamentals"
*Links*
Pluralsight course: www.pluralsight.com/library/courses/rxjs-angular-signals-fundamentals
KZbin video "Angular Signals: What? Why? and How?": kzbin.info/www/bejne/paK8gnpthrKXsNk
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I love teaching and creating content for developers! I create KZbin videos and write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 10,000+) over the past 5 years.
For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award in Developer Technologies, and I'm a Google Developer Expert (GDE) in Angular.
Contact me on Twitter: DeborahKurata
Find my Pluralsight courses: www.pluralsight.com/profile/author/deborah-kurata
Access my freeCodeCamp articles: www.freecodecamp.org/news/author/deborah-kurata/
View my KZbin content: www.youtube.com/@deborah_kurata
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#angular #bestpractices #angulartutorial #demo
#rxjs #rxjsandsignals #signalsandrxjs #angularsignals #signals #signalsinangular #signaltutorial #angular16

[@svronline1215]

Best Angular Instructor ever I come across....Thanks for your Concepts and videos.... please keep posting Mam.....

[@deborah_kurata]

Thank you for your kind words! 🙏🏼

[@adilansari4225]

Wow! Amazingly short, sweet and coherent explanation! Thank you

[@deborah_kurata]

Glad it was useful! Thank you!

[@hamza201183]

It's always a pleasure to watch your videos and listen to you and the way you explain, Mrs. Kurata. Thank you very much!

[@deborah_kurata]

That is very kind. Thank you! 🙏🏼

[@seanszarkowicz2910]

Always great real world uses cases like HTTP to API to DB and back, and Master / Detail examples for RxJs and Signals!! Look forward to seeing some code examples.

[@deborah_kurata]

😊😊

[@esdegan7176]

+1

[@pankster4169]

Thank you for all of this now I can understand and enjoy Rxjs.

[@deborah_kurata]

Glad to hear it! Thank you!

[@paulecampbell]

Yaaay!!

[@seanszarkowicz2910]

Thanks!

[@deborah_kurata]

Thank you so much!

[@seanszarkowicz2910]

@@deborah_kurata you're welcome! Can't wait for your rxjs signals course

[@deborah_kurata]

Did you see that the course is now available? "RxJS and Angular Signals Fundamentals"

[@seanszarkowicz2910]

​@@deborah_kurata not yet - ill search for it

[@konstantintieber]

Hi Deborah, thanks for this amazing Angular Signals series! It's been super helpful. As someone who is quite happy with rxjs and using the async pipe in the template in combination with OnPush changedetection, I'm struggling to see the benefit of a signal. Instead of populating the notification from the observable of the HTTP service inside a Signal, I could've subscribed to the observable stream containing that HTTP request in the template using the async pipe from the start. What is your opinion on this?

[@deborah_kurata]

Thank you for the kind words about the video. Yes, that's how I had done it as well. But ultimately, the Angular team is working toward using signals as a way to get away from zone.js and it's change detection techniques. In many cases, this can improve UI performance. So moving toward using signals in the components gets you closer to where Angular is currently headed. Plus my favorite is the computed signals. Those aren't easy to do just with RxJS.

[@karthik23839]

Good explanation mam, thank u, but I have a doubt, so If we have model from the component that s get assigned from http response wont get reflected automatically in the view??

[@deborah_kurata]

Thank you. And yes. Using binding, any model properties assigned from the HTTP response will automatically reflect in the view. The issue is that the current Angular change detection isn't always very smart about this. It may run change detection much more often than it needs to. And during change detection, it may re-read and re-render more values that it needs to, because it doesn't always know exactly what was changed. Signals improve that. With signals, the template will know *exactly* what changed and will be smarter about how often it re-renders. Is that what you were asking?

[@papasmurf4518]

Looks great when it will be on available on Pluralsight ? any expected date ?

[@deborah_kurata]

Thanks! Hoping by the end of October...

[@user-hs9uf8fg5k]

великолепно

[@deborah_kurata]

Thank you!