styles broken with JS's disabled

[goldensunliu]

[leonli]

Are you running on dev mode?

[erikras]

It should at least render properly in production mode. However, as I mentioned in #62, this project is not really designed to work with javascript disabled.

[erikras]

In dev mode, the styles are injected by the script that webpack dev server injects, so you get a brief FOUC. It's the price of having the hot reloading during development.

[ostrgard]

This is not just a problem with JS disabled. It results in a FOUC in production (the Heroku build does this as well), as components using non-global classes doesn't have the className set when the server renders. If you log out styles in Main.js render function, it'll be empty on server render and populated as expected on the client render.

Any ideas on to fix this?

[erikras]

You are very correct. I will investigate.

[ostrgard]

Any news on this @erikras?

[erikras]

Not yet. Haven't gotten around to it, sorry.

[dmitry]

@ostrgard is it possible to reproduce it on the demo site?

[erikras]

@dmitry Yes, the demo site exhibits this behavior.

[ostrgard]

@dmitry This gif shows what happens on page refresh. You can disable JS to see it permanently.

[erikras]

Since this project is not intended to support javascript disabled browsers, this issue will remain closed, but the FOUC is an important issue, so I've opened #153.

[ostrgard]

+1 for the title.