Angular Signals: What? Why? and How?

An exciting new feature is coming to Angular: signals! Starting in Angular v16, Angular developers can leverage the power of signals to create more reactive applications. Signals provide a new way for our code to inform our templates (and other code) that our data has changed, offering more granular control over how and when updates are propagated and improving change detection.

So, what are signals? Why would you want to use a signal? How do you create, read and change a signal? And how do you define a computed signal? Watch this video for details and a demo of these cool new features!

*Links*

*Content*
00:00 Introduction to Angular Signals
00:51 Why use signals?
03:58 What are signals?
06:16 How to create signals?
06:34 Where to use signals?
06:54 Creating a signal
09:10 Reading a signal
09:14 Setting a signal
11:18 Signal methods: set, update, mutate (NOTE: mutate is no longer an option, use update)
12:06 Defining a computed signal
13:14 Using an effect for side effects
14:36 Signals and templates
15:15 Current state of signals
15:36 Suggestions for how to use signals
16:00 Demo

*NOTES*

* As of Angular v17, .mutate is no longer an option. Use .update instead.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VS Live and ng-conf. I 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, and I'm a Google Developer Expert (GDE).

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#angular #angularsignals #signalsinangular #angulartutorials #rxjsandsignals #signalsandrxjs #angulartutorial #signals #signalsangular #angularsignalsexample #angular16 #angularsignal #learnangular #angular16signals #angularsignalsrfc #signalsangularapp #angularv16 #signalsfordatasharinginangular #signalsexampleangular #angularsignalsdeepdive #angularsignalstutorial #signalsangulartutorial #signalstutorialangular #bestpractices #demo

[Simon]

Deborah, we are so blessed to have you in the Angular community!!!

[joeyvico]

Oh my goodness! Aren't you the best Angular tutor on youtube?! Honestly, you clearly standout. Please continue with your teaching style. Thank you Deborah

[meeeh]

Oh yesss! I'm so happy you made a video about signals. Everything seems so much easier when you explain it! That's a rare talent. I'm a big fan 😊

[_khaledg]

Thank you Deborah, you are so talented at explaining concepts.

Would love to see videos related to standalone APIs and non-destructive hydration as well.

[nikhilgoyal]

I absolutely love your way of teaching. I can only guess how much effort you have to put in to make it this tasty for the rest of us. Bow of respect. Kind Regards.

[mqb]

Thank you Deborah for updating. Your videos are very easy to understand and useful.

[davidaimakhede]

Best Signal tutorial i have seen so far! Weldone!

[marcosjrs]

Thank you very much, Deborah. Your videos are very helpful, even for people who don't speak English very well. Everything is very well explained, step by step.

[everyonesview]

It's unbelievable the time and effort you put in your tutorials, Deborah. We appreciate you - always!

[YesDiscovery]

Thank you for your clear and concise explanations. You make Angular concepts easy to understand.

[deliailetchi]

❤So good to find these tutorials on YouTube!

[wiliam]

This the best signals tutorial I have ever seen
Thank you Debora

[rgarafulicm]

This is pure gold, Deborah. Congrats!

[sepidehmasoomi]

Wow, This video is absolutely awesome! The content is explained so clearly and straightforwardly. Thank you!

[GilbertoAlbino]

Hi Debora, hope you are fine. Thanks for being so respectful with so well spoke and pronounced English. Most popular Youtubers actually speak so fast that they seem to be talking to walls. For people that don't have English as a frist Language, listening to them is just an activity of entertainment, but listening to people like you, is a profound and spectular oportunity to learn and grow. Thanks for being so respectful not just with the so carefully and well-prepared work, but with quality knowledge you have!

[fahadgaliwango]

Signal is value + notification change. This will bring less boilerplate code with the internal reactive code of the component .instead of observable which requires subscription each time value is needed. Thanks @Deborah 🎉

[jeanfrancoisgamache]

The best signals explanation that a find, always clear. Thank you

[wonsupjung]

As you are teaching, using RxJS in programming makes the code simpler, more readable, and easier to maintain. However, after discovering the Signal feature recently introduced in Angular, I realized what an amazing technology it is. Through your lectures, I learned that it can make programs even more elegant and improve readability.
Once again, thank you for creating such valuable lectures.

[prathmeshjoshi]

Thanks a lot Deborah for this amazing video.
Perfectly explained.

[AmmarTheTrainer]

best explanation of signals so far... thank-you miss @Deborah Kurata for sharing with us..