Learn Angular Signals - The Future of State Management

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

КОМЕНТАРІ • 64

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy  Місяць тому

    WATCH NEXT: Angular Interview Questions and Answers - Dominate Your Next Interview - ua-cam.com/video/5A_YKlVWMPo/v-deo.htmlsi=2DCn7yspEAAJ2H6l

  • @waelm.elsaid295
    @waelm.elsaid295 8 місяців тому +1

    Thank you very much for your valuable content , but i need to ask a question regarding the computed and specially for the example you used
    what the different between calling usersTotal() in the html template and calling users().length directly ? is there any advantage of using computed in this case ? and thanks again

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому +1

      In this case not really. computed is some logic that you want to compute. Reading length has no logic so you don't need computed. It is also a good place for logic which you don't want to write in html.

  • @gowthamp5612
    @gowthamp5612 Рік тому +5

    For me,signal just looks like useState and useEffect in React,with more functionalities like mutable and compute.But,in my opinion change detection will easier and quicker by signals.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому +1

      I agree. Looks like copy pasting ideas from React

    • @andres3665
      @andres3665 Рік тому

      They are copying and pasting from solid.js@@MonsterlessonsAcademy

  • @1306dk
    @1306dk Рік тому +2

    I always look forward to your content. Any plans on getting in testing in Angular with Jest for example?

  • @SteDeus
    @SteDeus Рік тому +2

    The video was very clear! I just didn't understand how effect works: how does it know to trigger when title is changed and not when users does? Does it trigger every time any signal change?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому +4

      As for now effect is called if any signal changes. I would like to see some api to trigger it only for specific signal similar to dependencies of useEffect in react

    • @luczztem
      @luczztem Рік тому +3

      @@MonsterlessonsAcademy wow that's very weird...

    • @SteDeus
      @SteDeus Рік тому +1

      @@MonsterlessonsAcademy Oh I see, I hope they give us a way to specify which effect should trigger or we have to make some custom shenanigans 😅

    • @baluditor
      @baluditor Рік тому

      Effects will only run if any of their dependencies change, from the docs:
      Effects always run at least once. When an effect runs, it tracks any signal value reads. Whenever any of these signal values change, the effect runs again. Similar to computed signals, effects keep track of their dependencies dynamically, and only track signals which were read in the most recent execution.

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

    Thank you! Amazing video! What is the difference between update() and mutate()? Does update() trigger change detection in the current component while mutate() does not?

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

      Actually, I can't seem to find mutate() in the Angular docs anywhere. I can only find update(). Did they remove mutate()?

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

      You are right. They removed mutate (which is awesome)

  • @MultiWarrr
    @MultiWarrr Рік тому

    Sorry for out of context question, in ngrx can and should i update state from the backend service without any actions dispatched from from user (commercial platform)
    Thanks in advance

  • @ismailuwair187
    @ismailuwair187 6 місяців тому

    is it better in general to use signals instead of variables that are binded to UI for example?

  • @mahdikamran8061
    @mahdikamran8061 11 місяців тому

    Hello,
    Thanks for your videos.
    I have a question, are you from Germany?
    where are you from?

  • @Brendan2Alexander
    @Brendan2Alexander Рік тому +1

    Helpful and concise thank u!

  • @L-Lesiv
    @L-Lesiv 9 місяців тому

    So signals need only for not enter in life cycles, they are not accesible from other components like subjects?

  • @d1ge
    @d1ge 7 місяців тому

    Signals are not just easier to grasp, than RXJS, but they are also closer to what's actually happening under the hood. - the fact alone, that your effect methods now can run sync instead of async, without frankensteining your ngOnChange method, is a feature in itself

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  7 місяців тому

      Yeap

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

      At the moment I just don't really like the idea of making async things sync just by using toSignal with an arbitrary initial value. Sometimes, effects don't work as desired/expected when this arbitrary value comes in as the first value before the database value. For example, my effect needed to calculate a default value for a form field when it was null, so I did it in an effect, but the problem was this arbitrary value came in before the db value and so the wrong value was assigned to the form field. In my opinion, it is better to just wait for the database value, which means using rxjs instead of a signal. In my opinion it is better to use rxjs for async stuff, and use signals for sync stuff if you want, but for me I find it simpler to just use rxjs for everything.

  • @farrukhmomin5291
    @farrukhmomin5291 Рік тому +4

    I really don't like the esthetics of signals. Code separation which ngrx offers make code base really clean. I hope angular team comes up with something which makes code looks cleaner.

  • @paweliszewski6575
    @paweliszewski6575 Рік тому

    hello, what text editor are you using?
    love the channel

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому

      It's Vim here is my video about it ua-cam.com/video/YrLiugDhCuk/v-deo.html

  • @jsiahaan
    @jsiahaan Рік тому +1

    Great video! Thanks

  • @L-Lesiv
    @L-Lesiv 9 місяців тому

    Why do we need [value]="title()" in html if we change signal in event function?

  • @fastestnotes1046
    @fastestnotes1046 8 місяців тому

    I don't get it. Why can't we just use the ngModel directive with events? It doesn't make sense to use a variable like title as a method call.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому

      ngModel works through change detection cycle and signals not. Change detection cycle is slow on big apps and signals not.

  • @yaghuzt
    @yaghuzt Рік тому

    Hi, I am a bit confused, to me it looks like ngModel, whats the difference?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому

      It doesn't trigger Angular change detection cycle. It is extremely fast in big apps

  • @thorstenschmidt21
    @thorstenschmidt21 Рік тому

    Hi, exists something like a benchmark? I learned that we should not call functions in Angular because it will make the app significantly slower. But with the signal you added a function to the view. How fast is it compared to older approaches?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому +1

      I didn't see any benchmarks or real app comparisons yet.

    • @baluditor
      @baluditor Рік тому

      Calling signals is not like calling a function, it's perfectly safe to do. Calling a function is discouraged due to Angular's change detection mechanism, but signals won't trigger change detection like functions would in the template.

    • @thorstenschmidt21
      @thorstenschmidt21 Рік тому +2

      @@baluditor thank you, I had a chance to look into angular 16 now too and I think you are right.

  • @mugatu2017
    @mugatu2017 Рік тому

    Excellent explanation

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому

      Glad you like it!

    • @mugatu2017
      @mugatu2017 Рік тому

      @@MonsterlessonsAcademy we have in rxjs multicast operators (BehaviorSubject - ReplySubject -
      AsyncSubject, EventEmitter) son we can achieve exactly the saqme as Signals

  • @ajinkyachanshetty
    @ajinkyachanshetty 7 місяців тому

    Amazing content!

  • @nandhakumarappusamy9457
    @nandhakumarappusamy9457 6 місяців тому

    Very helpful

  • @riatec6741
    @riatec6741 Рік тому

    Can we cancel a signal that has been created?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Рік тому

      Why do you need to do that? It is not a subscription. It's the same like creating a subject. I doesn't cause performance problems.

    • @nobrainer616
      @nobrainer616 6 місяців тому

      @@MonsterlessonsAcademywhy not just use the BehaviorSubject instead of signal? is there some other cases of signal usage that I’m missing?

  • @LukeAvedon
    @LukeAvedon Рік тому

    Wow.
    Hey, really likeing your paid course my guy.

  • @anutaNYC
    @anutaNYC 8 місяців тому

    Target with a g as in girl not j

  • @chrisburd9751
    @chrisburd9751 10 місяців тому

    I still think Rxjs is better than signals.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  10 місяців тому

      They are different

    • @chrisburd9751
      @chrisburd9751 10 місяців тому

      @@MonsterlessonsAcademy I disagree - they both do state management, they both can interconnect components, and they both stream data the same way. In fact they are really no different than a behavior subject.

  • @pietrosmusi1409
    @pietrosmusi1409 Рік тому

    they are copying from react and vue lol

  • @maciej12345678
    @maciej12345678 10 місяців тому

    @effectssss