Webpack React/Redux Hot Module Reloading (HMR) example

import React from "react"; import ReactDOM from "react-dom";

import configureStore from "./store/configureStore";

const store = configureStore();

const rootEl = document.getElementById("root");

let render = () => { const RootAppComponent = require("containers/RootAppComponent").default; ReactDOM.render( , rootEl ); };

if(module.hot) { // Support hot reloading of components // and display an overlay for runtime errors const renderApp = render; const renderError = (error) => { const RedBox = require("redbox-react"); ReactDOM.render( , rootEl, ); };

render = () => {
    try {
        renderApp();
    }
    catch(error) {
        renderError(error);
    }
};

module.hot.accept("./containers/Root", () => {
    setTimeout(render);
});

}

render();