Feat: add react hot loader app container

Author: RyanCCollins

app/src/containers/AppContainer/index.js

@@ -2,6 +2,7 @@ import React, { Component, PropTypes } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import App from 'grommet-udacity/components/App';
+import { AppContainer as ReactHotLoader } from 'react-hot-loader';
 import { Navbar, AppFooter } from 'components';
 import * as AppContainerActionCreators from './actions';
 
@@ -11,11 +12,13 @@ class AppContainer extends Component { // eslint-disable-line react/prefer-state
       location,
     } = this.props;
     return (
-      <App centered={false} inline>
-        <Navbar pathname={location.pathname} />
-        {React.cloneElement(this.props.children, this.props)}
-        <AppFooter />
-      </App>
+      <ReactHotLoader>
+        <App centered={false} inline>
+          <Navbar pathname={location.pathname} />
+          {React.cloneElement(this.props.children, this.props)}
+          <AppFooter />
+        </App>
+      </ReactHotLoader>
     );
   }
 }

app/src/routes.js

@@ -60,11 +60,9 @@ export const routes = {
 const RouterApp = props => (
   <ApolloProvider {...props} store={store} client={client}>
     <Router
-      history={history} // Scroll to top on route transitions
-      onUpdate={() => window.scrollTo(0, 0)} // eslint-disable-line
-    >
-      {routes}
-    </Router>
+      history={history}
+      routes={routes}
+    />
   </ApolloProvider>
 );