Angular Signals: The Complete Guide

Sdílet
Vložit
  • čas přidán 7. 09. 2024

Komentáře • 52

  • @shyamplays
    @shyamplays Před 3 měsíci +4

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

    • @WebTechTalk
      @WebTechTalk  Před 3 měsíci +1

      Nice idea. I will create one video.

  • @immohammadjaved
    @immohammadjaved Před 8 dny +1

    Hats off to you🎉, the simplest tutorial of signal

  • @ayushsharma397
    @ayushsharma397 Před 4 hodinami +1

    Amazing, complete video, Thanks!

  • @danielvega646
    @danielvega646 Před 27 dny +5

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

  • @renrenklein_th
    @renrenklein_th Před 3 měsíci +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.

  • @LexMadafaka
    @LexMadafaka Před měsícem +1

    Very very useful and understandable example. Thanks you.

  • @Hamir.
    @Hamir. Před měsícem +1

    learned with pratical examples

  • @jashneaaftabi
    @jashneaaftabi Před 3 měsíci +1

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

  • @Remirured
    @Remirured Před 3 měsíci +1

    Great video, thank you sir

  • @SumitKhanduri
    @SumitKhanduri Před 3 měsíci +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  Před 3 měsíci +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.

  • @godexpubg2957
    @godexpubg2957 Před měsícem +1

    Thanks a lot

  • @ommo289
    @ommo289 Před 3 měsíci +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  Před 3 měsíci

      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.

  • @sandeep_gandham
    @sandeep_gandham Před 3 měsíci +1

    Good concelt sir❤👌

  • @videogenix5510
    @videogenix5510 Před 3 měsíci +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  Před 3 měsíci +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 Před 2 měsíci

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

    • @WebTechTalk
      @WebTechTalk  Před 2 měsíci +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 Před 3 měsíci +1

    Sir do you have the project in GitHub?

    • @WebTechTalk
      @WebTechTalk  Před 3 měsíci

      Yes. You can find in the same GitHub repo.

    • @mraihiamine2907
      @mraihiamine2907 Před 3 měsíci

      @@WebTechTalk the link please

    • @WebTechTalk
      @WebTechTalk  Před 3 měsíci +1

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

    • @mraihiamine2907
      @mraihiamine2907 Před 3 měsíci +1

      Thank you so so so much sir 🥰

  • @videogenix5510
    @videogenix5510 Před 3 měsíci

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

    • @WebTechTalk
      @WebTechTalk  Před 3 měsíci

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

  • @matthewkk5087
    @matthewkk5087 Před 3 měsíci

    Its same like react usestate as I see

    • @WebTechTalk
      @WebTechTalk  Před 3 měsíci

      Yes. And effect is somewhat similar to useEffect.

  • @igorr4682
    @igorr4682 Před 3 měsíci

    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  Před 3 měsíci +2

      Sorry bro I am not a native English speaker

    • @mohammedhussain602
      @mohammedhussain602 Před 2 měsíci +2

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

  • @Zhene4eg
    @Zhene4eg Před 2 měsíci

    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  Před 2 měsíci +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 Před 2 měsíci +1

      @@WebTechTalk thanks :)