webpack-hot-module-replacement

webpack-hot-module-replacement-code-snippet.js

// webpack.config.js
module.exports = {
...
  plugins: [
    ...
    new webpack.HotModuleReplacementPlugin()
    ...
  ],
  
...
  devServer: {
    ...
    hot: true,
    inline: true,
    ...
  }
}

// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './components/App'

const render = () => ReactDOM.render(<App />, document.getElementById('root'))

render(App)

if (module.hot) {
  module.hot.accept('./components/App', () => render(App))
}