Show hide loading screen using redux

Overview:  we need to show loading component when we are fetching the Data from rest APIs. we can show Image or video or React component with svgs During the fetching task.

 

Here note that we are using window from dimensions to get the actual height of the view component we give that height to the view of loading component. So that it will take up the whole screen.

Here is how it looks.

Use a component like this in your app should be conditionally rendered.

Here is my saga for reference.