React - Display loading screen while DOM is rendering?
<p>This is an example from Google Adsense application page. The loading screen displayed before the main page showed after.</p>

<p><a href="https://i.stack.imgur.com/ngk1r.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/ngk1r.gif" alt="enter image description here"></a></p>

<p>I don't know how to do the same thing with React because if I make loading screen rendered by React component, it doesn't display while page is loading because it has to wait for DOM rendered before.</p>

<p><strong>Updated</strong>:</p>

<p>I made an example of my approach by putting screen loader in <code>index.html</code> and remove it in React <code>componentDidMount()</code> lifecycle method.</p>

<p><a href="https://nguyenbathanh.github.io" rel="noreferrer">Example</a> and <a href="https://github.com/nguyenbathanh/react-loading-screen" rel="noreferrer">react-loading-screen</a>.</p>