Home

Awesome

react-dom - hot-loader edition

This is normal react-dom with some patches applied to be more React-Hot-Loader friendly.

Use it to obtain more 🔥 dev experience.

Differences from react

There are just a few changed lines, see patch.js for details

Using this module

Install

yarn add @hot-loader/react-dom@YOUR_REACT_VERSION

Right now only 16.7.0+ versions are available

Rewire

To use this version of React-dom you have to rewire your application

Webpack

just configure your webpack to alias this package, instead of a real react-dom. See https://webpack.js.org/configuration/resolve/#resolve-alias

// webpack.conf
...
resolve: {
    alias: {
      'react-dom': '@hot-loader/react-dom'
    }
}
...

You may set configuration to only use react-🔥-dom only in dev mode.

Parcel

Use alias field in package.json to rewire your project. This will affect dev and production modes. See https://github.com/parcel-bundler/parcel/pull/850

{
  "alias": {
    "react-dom": "@hot-loader/react-dom"
  }
}

(Yarn) Any other system

For any other build system, which may not support aliasing - use yarn name resolution. See https://twitter.com/sebmck/status/873958247304232961?lang=en for details.

yarn add react-dom@npm:@hot-loader/react-dom

Using webpack-loader

React-hot-loader's webpack-loader could land necessary patches on build time. If you can use it instead of this package, if you can.

Production ready

production bundle, exported by this package is identical to the original react-dom.production.min.js. It is safe to keep rewiring in production.

License

React is MIT licensed. This library is still react