Angular Signals: The Complete Guide

Поділитися
Вставка
  • Опубліковано 25 вер 2024

КОМЕНТАРІ • 56

  • @shyamplays
    @shyamplays 3 місяці тому +4

    awesome!!!! Thanks for detailed explanation, Please make a complete tutorial series on angular 18 with all new concepts.

    • @WebTechTalk
      @WebTechTalk  3 місяці тому +1

      Nice idea. I will create one video.

  • @PrathyushaReddyChalla
    @PrathyushaReddyChalla 20 годин тому +1

    Great video. You cleared all my doubts . Thanks A lot !!!

  • @danielvega646
    @danielvega646 Місяць тому +5

    This is basically Angular implementing React. Now we have fewer reasons to use React, lmao.

  • @immohammadjaved
    @immohammadjaved 26 днів тому +1

    Hats off to you🎉, the simplest tutorial of signal

  • @ayushsharma397
    @ayushsharma397 18 днів тому +1

    Amazing, complete video, Thanks!

  • @renrenklein_th
    @renrenklein_th 3 місяці тому +1

    Great video I love how you show all of your points using examples and not just assuming people can learn just by being told the concepts. Very nicely done.

  • @SumitKhanduri
    @SumitKhanduri 4 місяці тому +3

    Quick question Do we have to use same instance of TodoService to make it work with signals,
    instead of => {providedIn: root}
    can we use => providers:[MyService]
    But then what is the point of Signals then, i can build the same functionality without signals using shared service.
    PS: what i am trying to understand is that what advantage signals provides here then.

    • @WebTechTalk
      @WebTechTalk  4 місяці тому +2

      Good question. Yes, we need to have same instance of service, otherwise we cannot share the same signal. The benefit of signals is more related to reactive programming. For example, in an add to cart application, we can share data through service, but if the data changes that will not be notified to the other components unless we use a Subject mechanism or Emitter mechanism. But this will be solved when we use Signals. Also, Signals are recently introduced, and some APIs are getting changed. So, we may expect more features in the upcoming angular releases.

  • @LexMadafaka
    @LexMadafaka Місяць тому +1

    Very very useful and understandable example. Thanks you.

  • @ommo289
    @ommo289 3 місяці тому +1

    thank you sir for a good and short compilation of the whole theme
    one question about your real life example: when creating an effect for calling refreshCart() function you said "whenever my cart signal is changed". And there is no single signal value used inside the effect function. Does it mean that effects listen ALL signals that are in the scope of a component (meaning every signal that is stored inside cartService or other dependencies)? Or does it happens because you're actually calling set function of your signal inside of refreshCart (which in it's turn is called inside an effect)?

    • @WebTechTalk
      @WebTechTalk  3 місяці тому

      Very good question. The effect is triggered because of this line of code. this.cartService.cart() in the for loop.
      As I am using the cart signal inside the refreshCart function, whenever its value changes the effect will be triggered.

  • @Remirured
    @Remirured 3 місяці тому +1

    Great video, thank you sir

  • @Hamir.
    @Hamir. 2 місяці тому +1

    learned with pratical examples

  • @jashneaaftabi
    @jashneaaftabi 4 місяці тому +1

    Your every video is ahead of time or I can say AOT 😂 kudos to you 🎉👍

  • @godexpubg2957
    @godexpubg2957 Місяць тому +1

    Thanks a lot

  • @sandeep_gandham
    @sandeep_gandham 4 місяці тому +1

    Good concelt sir❤👌

  • @videogenix5510
    @videogenix5510 4 місяці тому +1

    Sir please make a video of project using advanced concepts. Also now angular 18 is out and i am waiting for your videos to know in simple way angular 18 features.
    Btw way i want to tell you that i switch from my company by learning angular from your zero to hero and hero to superhero series. Whoever asks me i share your channel. Its best and simple. Thanks.

    • @WebTechTalk
      @WebTechTalk  4 місяці тому +1

      Thank you so much 👍 So happy to hear that my videos helped you in your career advancement. Definitely I will create a video on complete project using advanced concepts.

  • @anutaNYC
    @anutaNYC 3 місяці тому

    I am still not clear how we know that effect will not trigger infinite changes?

    • @WebTechTalk
      @WebTechTalk  3 місяці тому +1

      Effect will trigger infinite changes only when we are setting some value inside the effect which triggers another effect and the loop continues.

  • @mraihiamine2907
    @mraihiamine2907 4 місяці тому +1

    Sir do you have the project in GitHub?

    • @WebTechTalk
      @WebTechTalk  4 місяці тому

      Yes. You can find in the same GitHub repo.

    • @mraihiamine2907
      @mraihiamine2907 3 місяці тому

      @@WebTechTalk the link please

    • @WebTechTalk
      @WebTechTalk  3 місяці тому +1

      @@mraihiamine2907 github.com/freelancer-surender/Angular-General

    • @mraihiamine2907
      @mraihiamine2907 3 місяці тому +1

      Thank you so so so much sir 🥰

  • @sunil24sunil
    @sunil24sunil 12 днів тому

    bro i need parent child concepts using output input

    • @WebTechTalk
      @WebTechTalk  11 днів тому

      Please see this video bro
      ua-cam.com/video/n4UdIVa3lyE/v-deo.html

  • @videogenix5510
    @videogenix5510 4 місяці тому

    Why you stopped sharing github for advanced concepts? Can you please share them?

    • @WebTechTalk
      @WebTechTalk  4 місяці тому

      I usually push the code once after the video is published. You can check now.

  • @matthewkk5087
    @matthewkk5087 4 місяці тому

    Its same like react usestate as I see

    • @WebTechTalk
      @WebTechTalk  4 місяці тому

      Yes. And effect is somewhat similar to useEffect.

  • @igorr4682
    @igorr4682 3 місяці тому

    It's very disappointing and discouraging that we don't have any English-speaking individuals who can effectively teach others in a proper way.

    • @WebTechTalk
      @WebTechTalk  3 місяці тому +2

      Sorry bro I am not a native English speaker

    • @mohammedhussain602
      @mohammedhussain602 3 місяці тому +2

      Well u try teaching this subject nothing stopping, or u saying ur English is not up to spec😂

  • @Zhene4eg
    @Zhene4eg 3 місяці тому

    Okay, so looks like Angular team want's to stop using ReactiveX(RxJS) - and use their own approach istead.
    Looks like main idea of signals - remove third party RxJS from Angular, am I right ?

    • @WebTechTalk
      @WebTechTalk  3 місяці тому +1

      Reactive programming is always good and Angular is moving towards the same. We still need RxJS. Also angular is improving performance in many ways. One such way is through Signals.

    • @Zhene4eg
      @Zhene4eg 3 місяці тому +1

      @@WebTechTalk thanks :)