Create-react-app: Get rid of white flash on page reload?

[ghost]

Whenever I save my code, the page gets reloaded and I see a white screen flash until my code replaces it.
I am using a custom firefox theme that makes everything black including the new tab/page.
Somehow, it seems this is being overriden when I am developing with create-react-app.

I have tried adding background-color to the body inside the index.html, but that did not seem to stop the flashing.

Any idea how to get rid of this?

[shelldandy]

ssr

[ghost]

ssr?

[shelldandy]

server side rendering

[shelldandy]

https://medium.com/@benlu/ssr-with-create-react-app-v2-1b8b520681d9

[shelldandy]

More info:

https://duckduckgo.com/?q=create+react+app+ssr&ia=web

[ghost]

Ah, I was considering adding loadable-components to my projects, but was not aware that this in combination with ssr would actually help my loadup time.
Thx, I'll look into this and close the issue if it works and have no further questions.

[ghost]

Actually, turned out there is a much simpler solution.
I am ejected from create-react-app so I can fiddle with the default index.html.
I simply added:

    <style>
      body {
        background-color: black;
      }
    </style>

To the head. And voila!

[shelldandy]

you didn't need to eject to do that, well good it worked!

[ghost]

I had ejected for other reasons, so I wasn't sure if it would work without it :)