react-hot-loader

index.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';

import Test from './components/Test';

global.document.addEventListener('DOMContentLoaded', () => {
  ReactDOM.render(
    <AppContainer>
      <Test />
    </AppContainer>,
    global.document.getElementById('container'),
  );
});

if (module.hot) {
  module.hot.accept('./components/Test', () => {
    // eslint-disable-next-line
    const NextTest = require('./components/Test').default;
    ReactDOM.render(
      <AppContainer>
        <NextTest />
      </AppContainer>,
      global.document.getElementById('container'),
    );
  });
}