4

In React JS, in development, I have server rendering working. Also, I made sure to have same checksum between server render and client render. The client render is identical to the server render, however during the switch between the two there is a white flash on the screen. What could cause that?

Mister Fresh
  • 670
  • 1
  • 10
  • 22
  • I have exactly the same issue, there is a white flash when react is removing the entire DOM created by prerender to replace with it's own. – Rob Fox Aug 28 '16 at 15:20
  • ì changed my configuration and this problem was solved. But not sure exactly what solved it. – Mister Fresh Aug 29 '16 at 10:42
  • Which configuration exactly? – Rob Fox Aug 30 '16 at 05:19
  • The problem likely comes from your "client.js" file where something is causing an unnecessary rerender. I copied the configuration from this starter kit and now it works fine : https://github.com/DominicTobias/universal-react – Mister Fresh Aug 30 '16 at 15:50

1 Answers1

0

Search for FOUC (Flash OF Unstyled Content).

Also, check answers here:

How to stop FOUC when using css loaded by webpack

rmartrenado
  • 1,516
  • 1
  • 18
  • 42