How to show spinner while rendering react.js components?

Question

React

React renders static components with a delay, albeit a very small one. The question is how to beautifully implement a single loading spinner for all, which will work with both static components and those that climb, for example, into firebase? The first thing that came to my mind was to write in getInitialState loading: true in each component, and then change it in componentDidMount. But I don't like having to repeat this code in every component. Is there a way to do this elegantly?

Answer 1

If some logic is repeated in different components, then it can be moved to mixins.
Article on habré