hot reloading without react router

This commit is contained in:
Colin Megill
2017-10-04 01:06:24 -07:00
parent abd070428b
commit 1048ce336b
+14 -28
View File
@@ -2,47 +2,33 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader'; import { AppContainer } from 'react-hot-loader';
import { Provider } from "react-redux";
import Redbox from 'redbox-react'; import Redbox from 'redbox-react';
import Routes from './routes'; /* our code */
import './index.css'; import App from "./components/app";
import store from "./reducers";
if (process.env.NODE_ENV !== 'development') {
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service-worker.js');
}
ReactDOM.render(<Routes />, document.getElementById('root'));
} else {
ReactDOM.render( ReactDOM.render(
<AppContainer errorReporter={Redbox}> <AppContainer errorReporter={Redbox}>
<Routes /> <Provider store={store}>
<App/>
</Provider>
</AppContainer>, </AppContainer>,
document.getElementById('root') document.getElementById('root')
); );
// Hot Module Replacement API
if (module.hot) { if (module.hot) {
module.hot.accept('./routes', () => { module.hot.accept('./components/app', () => {
// TODO: Remove console override when const NextApp = require('./components/app').default;
// https://github.com/reactjs/react-router/issues/2704 is fixed
const orgError = console.error;
console.error = message => {
if (
message &&
message.indexOf('You cannot change <Router routes>;') === -1
) {
orgError.apply(console, [ message ]);
}
};
const RoutesUpdate = require('./routes').default;
ReactDOM.render( ReactDOM.render(
<AppContainer errorReporter={Redbox}> <AppContainer>
<RoutesUpdate /> <Provider store={store}>
<NextApp/>
</Provider>
</AppContainer>, </AppContainer>,
document.getElementById('root') document.getElementById('root')
); );
}); });
} }
}