react-hot-loader code snippet

react-hot-loader-code-snippet.js

// package.json
...
"react-hot-loader": "^4.12.15",
"@hot-loader/react-dom": "^16.8.6",
...

// webpack.config.js
module.exports = {
...
  resolve: {
    alias: {
      'react-dom': '@hot-loader/react-dom'
    }
  },
...
  plugins: [
    ...
    new webpack.HotModuleReplacementPlugin()
    ...
  ],
  
...
  devServer: {
    ...
    hot: true,
    inline: true,
    ...
  }
}

// App.js
import React from 'react'
...

import { hot } from 'react-hot-loader'

const App = () => {
  return (
    ...
  )
}

export default hot(module)(App)