Signals in Action: Loading Indicator

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ม.ค. 2025

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

  • @olalekanraheem4655
    @olalekanraheem4655 21 วันที่ผ่านมา +4

    Your courses are always great.
    I started web dev with react but the first name I learned about Angular from your courses on plurasight made me switch to Angular since 2020 and I never regret it.
    Thanks so much for those content

    • @deborah_kurata
      @deborah_kurata  21 วันที่ผ่านมา

      That is so very kind of you to say. Thank you!
      Glad you are a part of the Angular community. 😊

  • @RsPippen
    @RsPippen 21 วันที่ผ่านมา

    thank you for the amazing content as always!!

    • @deborah_kurata
      @deborah_kurata  21 วันที่ผ่านมา

      I'm glad you found it useful! Thanks! 😊

  • @ErickRodrCodes
    @ErickRodrCodes 22 วันที่ผ่านมา

    while it is experimental, the amount of DX on it is awesome. I remember using a subscription to toggle off the loader, but this seems even more easy to implement.

    • @deborah_kurata
      @deborah_kurata  22 วันที่ผ่านมา

      Yep! I *really* like the features they've incorporate into resource/rxResource. One missing feature is to have a initial value so we don't need the extra line with the computed setting up the initial value. I understand that's on the team's todo list.

  • @MiguelAngelMartinezJerez
    @MiguelAngelMartinezJerez 22 วันที่ผ่านมา +1

    Muchas gracias por usar el doblaje automático.

    • @deborah_kurata
      @deborah_kurata  22 วันที่ผ่านมา +1

      Espero que se traduzca bien para ti. ¡Gracias por mirar!

  • @matheusjordan6031
    @matheusjordan6031 21 วันที่ผ่านมา

    A dublagem para portugues me ajudou demais, excelente video, conteudo muito util. Trabalho com Angular a 6 anos e de la pra ca sempre estou aprendendo e me atualizando.

    • @deborah_kurata
      @deborah_kurata  21 วันที่ผ่านมา

      Fico feliz em saber que a dublagem funciona bem para você. Tudo de bom! 😊

  • @julienr8114
    @julienr8114 22 วันที่ผ่านมา

    As always an amazing content, thks a lot. Is interceptor still the best way to display a loader ?

    • @deborah_kurata
      @deborah_kurata  21 วันที่ผ่านมา +1

      Thank you!
      An interceptor may be better if you have lots of HTTP calls and want to have the same loading indicator for all of them. Otherwise, using this isLoading property is a great way to display the loading indicator.

  • @H2-oe4cu
    @H2-oe4cu 19 วันที่ผ่านมา

    I guess it would be nice if the resource API exposed a numerical progress value as opposed to an isLoading boolean. That way we could introduce a progress bar, like some websites do.

  • @mohammedashiq3892
    @mohammedashiq3892 9 วันที่ผ่านมา

    Awesome

  • @ElioFerrero
    @ElioFerrero 21 วันที่ผ่านมา +1

    Hi Deborah, I follow you step by step to modify the code, but I don't understand why doesn't appear the 'Loading...' only ... loading vehicles' that is write in the html template

    • @deborah_kurata
      @deborah_kurata  21 วันที่ผ่านมา +1

      The first "...Loading" message comes from Stackblitz. Are you using Stackblitz or some other editor?
      (It's basically irrelevant for the code we are writing. I just pointed it out because it appears when using Stackblitz. Sorry for the confusion.)

    • @ElioFerrero
      @ElioFerrero 21 วันที่ผ่านมา

      @deborah_kurata Ah ok now is clear. When I use Stack blitz, appear but when download the code and use VSCode I don't see it 🙂

  • @richarddefortune1329
    @richarddefortune1329 22 วันที่ผ่านมา

    I didn't even know that this flag is in the object itself.
    I usually deal with loading mechanics inside the interceptors. Turning the flag on when requests go out then toggle the flag when the response comes back.
    This technique is even better because I can control which events I'm interested in. With the interceptors, I need to filter some requests. Let's say when the Oidc -client library wants to check whether the user is still logged in, I should ignore it. Otherwise, the skeleton will appear on the page.

    • @deborah_kurata
      @deborah_kurata  21 วันที่ผ่านมา

      Yes, this feature is very useful!
      And yes, is much better than manually handling the loading flag in an observable pipeline.
      An interceptor may be better if you have lots of HTTP calls and want to have the same loading indicator for all of them. Otherwise, using this isLoading property is a great way to display the loading indicator.

    • @richarddefortune1329
      @richarddefortune1329 21 วันที่ผ่านมา +1

      @deborah_kurata thank you so much

  • @aram5642
    @aram5642 22 วันที่ผ่านมา +2

    And I bet the next video is going to be about error handling with rxResource! The world wouldn't be itself if it didn't expose us to errors ;-)

    • @deborah_kurata
      @deborah_kurata  22 วันที่ผ่านมา +1

      I have a list and error handling is definitely on it! 😊

    • @rikizy528
      @rikizy528 3 ชั่วโมงที่ผ่านมา

      ​@@deborah_kurata please upload the video of error handling with rxResource/resource

  • @u83rh4xor
    @u83rh4xor 22 วันที่ผ่านมา

    Yay! We got a yay!

  • @mohamedosama3728
    @mohamedosama3728 19 วันที่ผ่านมา

    could you please give me courses path for your courses on pluralsight ♥

    • @deborah_kurata
      @deborah_kurata  17 วันที่ผ่านมา +2

      That is very kind of you to ask! Currently, I only have one course on Pluralsight: "RxJS and Angular Signals Fundamentals". Thought it's currently over 1 year old and doesn't have the latest signal features.
      The other Pluralsight courses have been retired. Pluralsight would no longer allow me to update the "Angular: Getting Started" course. ☹
      If you are learning Angular from scratch, you could still start with the "Angular: Getting Started" for the basic concepts. Then move on to my "Angular Topics" playlist for more information on newer features: th-cam.com/play/PLErOmyzRKOCr07Kcnx75Aqh6PWSbIokPB.html
      All the best on your learning journey!

  • @DejanFilipov-gv8qz
    @DejanFilipov-gv8qz 22 วันที่ผ่านมา

    Hello teacher 🎶 hello teacher 🎶how are you 🎶 how are you 💙💜💛

    • @deborah_kurata
      @deborah_kurata  22 วันที่ผ่านมา +2

      I am doing well thanks 🎶 I am doing well thanks 🎶
      All the best! 🎶 All the best! 🎶

  • @jaspernygaard9500
    @jaspernygaard9500 22 วันที่ผ่านมา

    Adding a delay to the resource feels like bad practice. I understand the issue of loading too fast, but what if the client has a slow connection. Then the long time would be increased artifically and worsen UX instead of improving it. I feel like behavior like that might be better suited for the loading bar component

    • @richarddefortune1329
      @richarddefortune1329 22 วันที่ผ่านมา +5

      Did you miss the part where she said: "don't do this in production code"?

    • @jaspernygaard9500
      @jaspernygaard9500 22 วันที่ผ่านมา

      @richarddefortune1329 okay yeah lmao. xD

    • @deborah_kurata
      @deborah_kurata  22 วันที่ผ่านมา +3

      Yeah, no. The delay() is only for use during testing so *we* can see the loading indicator. Immediately after adding the delay in the video, I said: " Be sure to remove any code like this before deploying!"