Content flash? about generator-react-webpack HOT 7 CLOSED

Thanks @pikeas I will take a look

from generator-react-webpack.

Seems like I cannot reproduce this, has anyone else seen this behaviour?

from generator-react-webpack.

I see it as well. If I follow the instructions here: http://newtriks.com/2013/12/31/automating-react-with-yeoman-and-grunt/, but on a Windows PC using Chrome, I sometimes quickly see the message from index.html: If "you can see this, something is broken (or JS is not enabled)!!" It usually happens the first time I run grunt serve on a new project.

from generator-react-webpack.

Occurred for me (original poster) on latest OSX/Chrome. Typical FOUC - white background + "if you can see this" text on-screen for a moment before the rest of the content loads.

from generator-react-webpack.

+1 - Chrome 40 on Yosemite.

Getting a flash of the 'JS isn't enabled message' before the everything loads in. I know the JS is supposed to be none blocking, but not loading the styles in causes a white background flash.

from generator-react-webpack.

It's needed to extract CSS into separate file: see extract-text-webpack-plugin (and possibly, serverside rendering). Yup that's very important thing on production builds, but do we really need to refuse CSS Hot Load in favor of FOUC fix?

from generator-react-webpack.

@ColCh agreed. I think this maybe out of scope of the generator but welcome comments here or links for people to overcome this issue on production builds? Gonna close for now unless someone has a better solution that doesn't compromise dev builds....

from generator-react-webpack.