Spinner for Spa app?

Question

React

So I'm trying to get my head around React-redux. And my application is just completely fetching in various reducers.
And I had 2 questions:
1) Are there any ready-made libraries / templates for spinners / spinners. It’s impossible to google it yourself, that in Russian, that in English Google, on request, a spinner for a spa site, gives out only toys for autists.
2) How to arrange and where to hang this spinner?

Answer 1

Take any css spinner, hang it with a backdrop in the main component above everything else, and only show it when state.loading === true
In your action creators or sagas, or wherever you do fetching, set loading to true at the start of the request , and at the end to false (on error too).