Page loading spinner while API calls in React || Codenemy

Поделиться
HTML-код
  • Опубликовано: 15 сен 2024
  • Hey Guys,
    In this video, I have explained how to add a full page spinner for API calls or when a user is performing an action. This will help you prevent users from clicking the button twice before performing the actual action.
    GitHub URL of program :
    github.com/vik...
    To get post URL:
    jsonplaceholde...
    material ui dependecy
    // with npm
    npm install @material-ui/core
    // with yarn
    yarn add @material-ui/core
    #reactJS #ES6 #Loader #Spinner

Комментарии • 35

  • @adinaizhamangulova5697
    @adinaizhamangulova5697 3 года назад +5

    Thank you so much! This tutorial is much more simpler than others

    • @Codenemy
      @Codenemy  3 года назад +1

      Glad to hear that, Thanks for watching :)

  • @42HUE
    @42HUE 3 года назад +2

    That was very well done and useful for what I'm working on. Thanks for posting!

    • @Codenemy
      @Codenemy  3 года назад

      It's my pleasure,Thanks for watching :)

  • @vRR-mk9zz
    @vRR-mk9zz 10 месяцев назад

    Simple and clear. very useful. Thanks

  • @lovelogics8942
    @lovelogics8942 3 года назад +4

    what happen when data not available or data is null..then that time Spinner will continue worked...then that time how to handle that 3rd situation

  • @user-vu9dl3vn7l
    @user-vu9dl3vn7l 4 месяца назад

    Thank you so much! This tutorial is really helpful! ❤

  • @kajetankasprzyk3019
    @kajetankasprzyk3019 2 года назад +6

    wtf is someone dying in the background at 5:00?

    • @Codenemy
      @Codenemy  2 года назад

      Sorry for inconvenience, Will avoid such bg noise here after :)

    • @agamurat3019
      @agamurat3019 2 года назад +1

      dog is hurt:))

  • @aakankshasingh1188
    @aakankshasingh1188 2 года назад +1

    Thank you. Was very simple and straight to point.

    • @Codenemy
      @Codenemy  2 года назад

      Glad to hear that, Thanks for watching :)

  • @carlosnicolas686
    @carlosnicolas686 2 года назад +1

    It works!! Thanks for the help :)

    • @Codenemy
      @Codenemy  2 года назад

      Glad to hear that, Thanks for watching :)

  • @Mahesh-gq7fm
    @Mahesh-gq7fm 4 года назад +2

    Tnks fr the useful content

    • @Codenemy
      @Codenemy  4 года назад

      So nice of you, thanks for watching

  • @imransiddiqui5501
    @imransiddiqui5501 Год назад

    what if api return error then i want to show that error after spiner
    First spiner then api data if api has data if api does not have data then want to show error

  • @AdnanKhan-yg4ng
    @AdnanKhan-yg4ng Год назад +1

    ty sir from pakistan

  • @IamRobertMTV
    @IamRobertMTV 3 года назад +1

    Hi Bro,
    How can I contact you directly? I want to share with you my github repository. I am having a freeze issue after doing the CRUD on the material table. hoping for help

    • @Codenemy
      @Codenemy  3 года назад

      Ping me on facebook facebook.com/codenemy/

  • @zafarhussain8273
    @zafarhussain8273 3 года назад +1

    How to show this spinner in document title

    • @Codenemy
      @Codenemy  3 года назад

      Thanks for your question, i did research unfortunately not found solution. It will create a performance issue as i read.

  • @sanjaykumar_kamble
    @sanjaykumar_kamble Год назад +2

    This will give error if something is going to be rendered based on null value of post. Instead use an empty array as initial value in real projects

  • @mike0655
    @mike0655 6 месяцев назад

    5:00
    is someone killing a dog?

  • @digital8499
    @digital8499 2 года назад +1

    please upload same thing in c#wpf...

    • @Codenemy
      @Codenemy  2 года назад +1

      I have no idea on C#

  • @vladeb1104
    @vladeb1104 2 года назад +1

    it's already out of date 😞

    • @Codenemy
      @Codenemy  2 года назад

      Thanks for information :)

  • @meerestiyak9483
    @meerestiyak9483 3 года назад +1

    thanks

    • @Codenemy
      @Codenemy  3 года назад +1

      It's my pleasure , Thanks for watching :)

  • @anonanonov3845
    @anonanonov3845 3 года назад

    Thanks

    • @Codenemy
      @Codenemy  3 года назад

      you are welcome, thanks for watching