fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-01 06:48:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

hot reloading without react router

Browse Source
This commit is contained in:
Colin Megill
2017-10-04 01:06:24 -07:00
parent abd070428b
commit 1048ce336b
1 changed files with 25 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.js
+25 -39
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') { ReactDOM.render(
if ('serviceWorker' in navigator) { <AppContainer errorReporter={Redbox}>
navigator.serviceWorker.register('/service-worker.js'); <Provider store={store}>
} <App/>
</Provider>
</AppContainer>,
document.getElementById('root')
);
ReactDOM.render(<Routes />, document.getElementById('root')); // Hot Module Replacement API
} else { if (module.hot) {
ReactDOM.render( module.hot.accept('./components/app', () => {
<AppContainer errorReporter={Redbox}> const NextApp = require('./components/app').default;
<Routes /> ReactDOM.render(
</AppContainer>, <AppContainer>
document.getElementById('root') <Provider store={store}>
); <NextApp/>
</Provider>
if (module.hot) { </AppContainer>,
module.hot.accept('./routes', () => { document.getElementById('root')
// TODO: Remove console override when );
// 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(
<AppContainer errorReporter={Redbox}>
<RoutesUpdate />
</AppContainer>,
document.getElementById('root')
);
});
}
} }