What about if you have more than one signal and want to use the effect function ? In react you can add dependency array that will tell what state this effect should react to
Model inputs are a signal and allows for two way binding. The parent can pass a value to the child. If the child modifies the value, the changed value is passed back to the parent. CHILD: value = model(0); PARENT: The output API is NOT a signal, it's an event. It is a one-way notification from the child to the parent. It allows for event binding so the parent can react to that event. CHILD: onChange = output(); PARENT:
My understanding is that effect() is still in experimental stage. Otherwise, I see myself reverting back to ngOnIni() or computed value just to process a side-effect. Thanks again for the video.
The purpose of the output API is to send events from the child component back to the parent component, providing notifications. If you need a value (or computed), you're better off using model inputs. Have you see that video? ua-cam.com/video/frXIBKqzTK0/v-deo.html
Thank you! I assume you mean debouncing? There are outputToObservable() and outputFromObservable() functions. Those are great topics for another video!
Thank you for watching! Personally, I like to be declarative and declare effects as variables. It also allows you to built your own manual cleanup should you want to (using the variable). But primarily it is a personal style.
Why you stopped creating Angular courses for PluralSight? Your Getting Started course was the best, haven't seen any such course anywhere and not only on React but I learnt other frameworks and libs too and no one is closer to your course. I just checked recently and your courses were marked as retired.
Thank you for the kind words! It is definitely not by my choice.😥 Pluralsight will not allow me to update that course. They tell me that with the "Angular Fundamentals" course that my course was irrelevant. I *am* still doing courses for Pluralsight. I recently did this course: www.pluralsight.com/library/courses/rxjs-angular-signals-fundamentals
Thank you for responding me@@deborah_kurata The only reason I used and ever paid PluralSight was because of your Angular course.. your Getting Started course is such a comprehensive course which covered so much about Angular. Quick question: As Angular gets new version every 6 months and that course hasn't been updated recently, would you recommend anyone to take your Getting Started course even as it is marked as retired?
It depends. Often companies aren't on the most recent version of Angular, so depending on your project, learning Angular with v14 may be useful. It also does cover many of the basic concepts you'll need. The "coding along" is a bit more challenging because if you install the Angular CLI, you'll get Angular v17 and not everything in the course is compatible with v17. Sometimes, it's just little differences. (For example, the Angular team implemented a new code compiler, so you no longer need a '~' in your style file paths.) But these little things can cause new developers to stumble when "coding along". Just watching the course (not "coding along") does provide a good base set of knowledge for using Angular.
Spanish: Explicas muy bien, he empezado a reforzar mis conocimientos y el don de educar es único. Saludos desde Colombia (Neiva City).
Deborah, awesome video! Not a surprise. You are fantastic. Thank you so much.
That is so kind of you to say. 😊 Thank you!
By far the best angular tutorials I ever seen! Simple and easy!
Wow, thanks! 😊
Its the most intelligent and beautiful explanation on these new topics of signals. Thank you so much, you made my day :)))
That is kind of you so say. Thank you! 😊
Thank you, Master Deborah Kurata, for your generosity in sharing. God Bless.
Thank you for watching! 😊
Awesome explanation, let's see if the Angular team is thinking about HostListener and HostBinding decorators consistency as well.
We just went zoneless with our app - amazing!
Congrats!
Wow that's an awesome explanation, loved it!!
Thank you so much!
Thanks!
Thank you so very much! 😊
great video Deborah, thank youuuu
😊
thank you so much for all your videos you have been a great help from the beginning ☺👌
Happy to hear that! Thank you!
you are doing awesome job at reviving this dead framework
The reports of its death are greatly exaggerated! 😄
What about if you have more than one signal and want to use the effect function ? In react you can add dependency array that will tell what state this effect should react to
Yes, an effect can reference any number of signals and a change to any of them will trigger the effect.
thanks. And can you show us how to use debounce inside the effect method correctly?
I put together an example here: stackblitz.com/~/edit/outputfromobservable-deborahk
I'll do a post about it soon.
so, what's the difference between signal output and signal model? they look the same
Model inputs are a signal and allows for two way binding. The parent can pass a value to the child. If the child modifies the value, the changed value is passed back to the parent.
CHILD: value = model(0);
PARENT:
The output API is NOT a signal, it's an event. It is a one-way notification from the child to the parent. It allows for event binding so the parent can react to that event.
CHILD: onChange = output();
PARENT:
Awesome content
THANKS!
My understanding is that effect() is still in experimental stage. Otherwise, I see myself reverting back to ngOnIni() or computed value just to process a side-effect.
Thanks again for the video.
Yes, effect is still in developer preview: angular.io/api/core/effect
Great video!
Thanks!
What if we use computed signal instead of effect, Will this work ?
The purpose of the output API is to send events from the child component back to the parent component, providing notifications.
If you need a value (or computed), you're better off using model inputs. Have you see that video? ua-cam.com/video/frXIBKqzTK0/v-deo.html
Heyya, awesome video as always. I’m wondering though, incase of needing to get the filtered list from an API, how would you go about denouncing it?
Thank you!
I assume you mean debouncing? There are outputToObservable() and outputFromObservable() functions. Those are great topics for another video!
I put together an example here: stackblitz.com/~/edit/outputfromobservable-deborahk
I'll do a post about it soon.
@@deborah_kurata Sorry for the typo :) and thank you very much for the quick reply, nice and clear.
All the best :)
Mam your video is awesome and outstanding .no words to express my thanks.Mam can you please post a video in ngrx without lazy loading
Thank you for the kind words. I'll add "more NgRx" videos to my list of future topics. 😊
@@deborah_kurata Thank you so much Mam
that was awesome, Thanks
Thanks! 😊
I love the way you explain things.
Thx 🫶
Thank you so much!
Thanks for the video.
Can u tell me why u create a filterEff variable instand use the effect inside the constructor? 8:44
What are the benefits?
Thank you for watching!
Personally, I like to be declarative and declare effects as variables. It also allows you to built your own manual cleanup should you want to (using the variable). But primarily it is a personal style.
@@deborah_kurata I love this style. Never see it before. Do u have more styles for me 🤓
Your awesome keeping doing more stuff of all 🙏
Thank you so much! 😊
Why you stopped creating Angular courses for PluralSight? Your Getting Started course was the best, haven't seen any such course anywhere and not only on React but I learnt other frameworks and libs too and no one is closer to your course. I just checked recently and your courses were marked as retired.
Thank you for the kind words!
It is definitely not by my choice.😥 Pluralsight will not allow me to update that course. They tell me that with the "Angular Fundamentals" course that my course was irrelevant.
I *am* still doing courses for Pluralsight. I recently did this course: www.pluralsight.com/library/courses/rxjs-angular-signals-fundamentals
Thank you for responding me@@deborah_kurata The only reason I used and ever paid PluralSight was because of your Angular course.. your Getting Started course is such a comprehensive course which covered so much about Angular. Quick question: As Angular gets new version every 6 months and that course hasn't been updated recently, would you recommend anyone to take your Getting Started course even as it is marked as retired?
It depends.
Often companies aren't on the most recent version of Angular, so depending on your project, learning Angular with v14 may be useful. It also does cover many of the basic concepts you'll need.
The "coding along" is a bit more challenging because if you install the Angular CLI, you'll get Angular v17 and not everything in the course is compatible with v17. Sometimes, it's just little differences. (For example, the Angular team implemented a new code compiler, so you no longer need a '~' in your style file paths.) But these little things can cause new developers to stumble when "coding along".
Just watching the course (not "coding along") does provide a good base set of knowledge for using Angular.
@@deborah_kurata Thank you so much for your time!
Great video!
Thank you! 😊