react-hmr

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

• react-hot-loader: the next version
• The next react-hot-loader upgrade example