Angular's New Output API: Emit notifications from your child components

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ธ.ค. 2024

ความคิดเห็น • 58

  • @ronaldobicca7101
    @ronaldobicca7101 7 หลายเดือนก่อน +6

    Deborah, awesome video! Not a surprise. You are fantastic. Thank you so much.

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      That is so kind of you to say. 😊 Thank you!

  • @towercontrol4450
    @towercontrol4450 7 หลายเดือนก่อน +3

    By far the best angular tutorials I ever seen! Simple and easy!

  • @behzadkhosravanimajd
    @behzadkhosravanimajd 7 หลายเดือนก่อน +1

    Thank you, Master Deborah Kurata, for your generosity in sharing. God Bless.

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      Thank you for watching! 😊

  • @alexanderlemberger5412
    @alexanderlemberger5412 6 หลายเดือนก่อน +2

    Its the most intelligent and beautiful explanation on these new topics of signals. Thank you so much, you made my day :)))

    • @deborah_kurata
      @deborah_kurata  6 หลายเดือนก่อน

      That is kind of you so say. Thank you! 😊

  • @LarsRyeJeppesen
    @LarsRyeJeppesen 7 หลายเดือนก่อน

    We just went zoneless with our app - amazing!

  • @youssefchaygani8518
    @youssefchaygani8518 7 หลายเดือนก่อน +2

    Awesome explanation, let's see if the Angular team is thinking about HostListener and HostBinding decorators consistency as well.

  • @cachabacha03ify
    @cachabacha03ify 7 หลายเดือนก่อน

    great video Deborah, thank youuuu

  • @austinZen8800
    @austinZen8800 4 หลายเดือนก่อน

    Thanks!

    • @deborah_kurata
      @deborah_kurata  4 หลายเดือนก่อน

      Thank you so very much! 😊

  • @vijay_explorer
    @vijay_explorer 7 หลายเดือนก่อน +1

    Wow that's an awesome explanation, loved it!!

  • @SachalChandio
    @SachalChandio 7 หลายเดือนก่อน

    you are doing awesome job at reviving this dead framework

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน +1

      The reports of its death are greatly exaggerated! 😄

  • @richarddefortune1329
    @richarddefortune1329 7 หลายเดือนก่อน

    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.

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      Yes, effect is still in developer preview: angular.io/api/core/effect

  • @techwake360
    @techwake360 7 หลายเดือนก่อน

    that was awesome, Thanks

  • @igorr4682
    @igorr4682 7 หลายเดือนก่อน

    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

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      Yes, an effect can reference any number of signals and a change to any of them will trigger the effect.

  • @message59
    @message59 7 หลายเดือนก่อน

    thank you so much for all your videos you have been a great help from the beginning ☺👌

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      Happy to hear that! Thank you!

  • @SirWilliamWalker
    @SirWilliamWalker 7 หลายเดือนก่อน

    Great video!

  • @salemhusseinidev
    @salemhusseinidev 7 หลายเดือนก่อน

    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?

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน +4

      Thank you!
      I assume you mean debouncing? There are outputToObservable() and outputFromObservable() functions. Those are great topics for another video!

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน +1

      I put together an example here: stackblitz.com/~/edit/outputfromobservable-deborahk
      I'll do a post about it soon.

    • @salemhusseinidev
      @salemhusseinidev 7 หลายเดือนก่อน +1

      @@deborah_kurata Sorry for the typo :) and thank you very much for the quick reply, nice and clear.
      All the best :)

  • @louisant1817
    @louisant1817 7 หลายเดือนก่อน

    Awesome content

  • @ANTONZUBAREV
    @ANTONZUBAREV 7 หลายเดือนก่อน

    thanks. And can you show us how to use debounce inside the effect method correctly?

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      I put together an example here: stackblitz.com/~/edit/outputfromobservable-deborahk
      I'll do a post about it soon.

  • @chellaack1644
    @chellaack1644 7 หลายเดือนก่อน

    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

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      Thank you for the kind words. I'll add "more NgRx" videos to my list of future topics. 😊

    • @chellaack1644
      @chellaack1644 7 หลายเดือนก่อน +1

      @@deborah_kurata Thank you so much Mam

  • @angelocolacicco997
    @angelocolacicco997 7 หลายเดือนก่อน

    so, what's the difference between signal output and signal model? they look the same

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน

      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:

  • @Saaad2
    @Saaad2 7 หลายเดือนก่อน +5

    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.

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน +5

      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

    • @Saaad2
      @Saaad2 7 หลายเดือนก่อน

      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?

    • @deborah_kurata
      @deborah_kurata  7 หลายเดือนก่อน +3

      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.

    • @Saaad2
      @Saaad2 7 หลายเดือนก่อน

      @@deborah_kurata Thank you so much for your time!

  • @qwertymuzaffar
    @qwertymuzaffar 6 หลายเดือนก่อน

    What if we use computed signal instead of effect, Will this work ?

    • @deborah_kurata
      @deborah_kurata  6 หลายเดือนก่อน

      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? th-cam.com/video/frXIBKqzTK0/w-d-xo.html

  • @burak63783
    @burak63783 6 หลายเดือนก่อน

    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?

    • @deborah_kurata
      @deborah_kurata  6 หลายเดือนก่อน +1

      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.

    • @burak63783
      @burak63783 6 หลายเดือนก่อน

      @@deborah_kurata I love this style. Never see it before. Do u have more styles for me 🤓

  • @sunil24sunil
    @sunil24sunil 6 หลายเดือนก่อน

    Your awesome keeping doing more stuff of all 🙏

    • @deborah_kurata
      @deborah_kurata  6 หลายเดือนก่อน

      Thank you so much! 😊

  • @Nabulio85
    @Nabulio85 6 หลายเดือนก่อน

    I love the way you explain things.
    Thx 🫶

  • @mateuszkowalski4987
    @mateuszkowalski4987 5 หลายเดือนก่อน

    Great video!