Page loading spinner while API calls in React || Codenemy

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 :

To get post URL:

material ui dependecy
// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

#reactJS #ES6 #Loader #Spinner

[adinaizhamangulova]

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

[lovelogics]

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

[josatienganh]

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

[HUE]

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

[aakankshasingh]

Thank you. Was very simple and straight to point.

[kajetankasprzyk]

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

[IamRobertMTV]

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

[imransiddiqui]

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

[zafarhussain]

How to show this spinner in document title

[sanjaykumar_kamble]

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