Merge pull request #1 from diegoblattner/fix/redux-initia-state

fix(initial-state): Fix blink after SSR

Author: mirchenko

src/components/Countries/index.js

@@ -15,7 +15,11 @@ export default class Countries extends Component {
   }
 
   componentDidMount() {
-    this.props.fetchCountries();
+    const { countries: { data } } = this.props;
+
+    if (!data || data.length === 0) {
+      this.props.fetchCountries();
+    }
   }
 
 

src/store.js

@@ -1,5 +1,20 @@
-import { applyMiddleware, createStore } from "redux";
+import { applyMiddleware, createStore, compose } from "redux";
 import rootReducer from "./reducers";
 import reduxThunk from "redux-thunk";
 
-export default createStore(rootReducer, {}, applyMiddleware(reduxThunk));
+let composeEnhancers = compose;
+let preloadedState = {};
+
+if (typeof window !== 'undefined') {
+  composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+  preloadedState = window.INITIAL_STATE || {};
+  delete window.INITIAL_STATE;
+}
+
+export default createStore(
+  rootReducer,
+  preloadedState,
+  composeEnhancers(
+    applyMiddleware(reduxThunk),
+  ),
+);