How to resolve FOUC (Flash of unstyled content) using React components?

3.1k Views Asked by At

As the title says, how do you guys solve FOUC problem with React components? As my React components get mounted and componentDidMount handler gets called, I bind to various JQeuryUI widgets. This is where the FOUC happens.

1

There are 1 best solutions below

3
On

1) Try rendering the DOM on the server side: https://github.com/mhart/react-server-example

2) Try to not use jQuery plugins. Find or rewrite it in React. Here's a site that contains a lot of react components: http://react.rocks