Angular Signals: What? Why? and How?

56,049
0
Published 2023-04-03
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
My completed Stackblitz: stackblitz.com/edit/angular-signals-deborahk

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
* There is a typo on the slide at time code 2:12. The exPrice = price * quantity calculation should be exPrice = this.price * qty.

* 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).

Contact me on Twitter: twitter.com/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 YouTube content: youtube.com/@deborah_kurata

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#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

All Comments (21)
  • @184Simon
    Deborah, we are so blessed to have you in the Angular community!!!
  • 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.
  • It's unbelievable the time and effort you put in your tutorials, Deborah. We appreciate you - always!
  • @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
  • @mqb268
    Thank you Deborah for updating. Your videos are very easy to understand and useful.
  • @kjbetz
    Great stuff, @Deborah! Thanks for the update!
  • What a brilliant way to explain this! I love how you explain each concept wich such a good examples! Thank youuu, now it's very clear to me this exciting mew feature!
  • @message59
    you are a great great teacher deborah 👍 you always break things down in a way that makes it easy to get the bigger picture so just wanted to say thank you for your work 😁
  • Wow, This video is absolutely awesome! The content is explained so clearly and straightforwardly. Thank you!
  • @wiliam334
    This the best signals tutorial I have ever seen Thank you Debora
  • @_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.
  • @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.
  • @AmmarTheTrainer
    best explanation of signals so far... thank-you miss @Deborah Kurata for sharing with us..
  • Terrific explanation!! thanks, i can't wait to see more content, Greetings from Colombia!