react-hmr

The react hot loader for hmr wrapping react-hot-loader

Usage no npm install needed!

<script type="module">
  import reactHmr from 'https://cdn.skypack.dev/react-hmr';
</script>

README

react-hmr

Dependency Status devDependency Status NPM Version

The AMD wrapper of react-hot-loader@next for react HMR

How to use

Install

npm install react-hmr --save-dev

Usage

  • DEV ENV

    1. Preload dist/react-hot-loader.dev.js or dist/react-hot-loader.dev.min.js compress version

    2. Update your React app entry code:

      • import/require patch and AppContainer as the React.Component proxy, the patch should execute before the app startup
      • use the AppContainer component wrap your app root component
      import patch from 'react-hot-loader/patch';
import AppContainer from 'react-hot-loader/lib/AppContainer';

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

const store = {
    name: 'react'
};
ReactDOM.render(
    <AppContainer>
        <App></App>
    </AppContainer>,
    document.getElementById('app')
);

  • PROD ENV

    Like DEV ENV, except for preload dist/react-hot-loader.prod.js or dist/react-hot-loader.prod.min.js compress version.

Reference