CSS loading glitch

Hi all, i am build a project to learn more about react, redux etc. My problem is that on the page load there is a a delay when it comes to page style load. The page loads (text etc) and the style after some seconds.

Live demo: https://mymd-api.herokuapp.com/

Maybe this can be fixed if i dont use style loader ? Any suggestion is more than welcome.

Comments (1)

Sai Kishore Komanduri's photo

TL;DR: There was a bug in the production builds, which caused the FOUC. We've fixed it a while ago, and here is the commit diff for it. Update it accordingly.

It is common to face this issue in development builds. To make hot reloading of CSS work, CSS is not extracted in the development build.

During development, after all of the scripts get loaded, CSS is loaded as BLOBs.

For production, though, the CSS is extracted and a .css file is created, which is used in the HTML template. So you wouldn't face this problem in production.