react-hmr

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