@feizheng/react-hmr-decorator v1.0.0

react-hmr-decorator

React hot module reload decorator

installation

npm install @feizheng/react-hmr-decorator

usage

1. index.js

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

ReactDOM.render(
  <App/>,
  document.getElementById('root')
);

2. app.js

import React from 'react';
import hotable from 'react-hmr-decorator';

@hotable(module)
export default class extends React.Component{
  render(){
    return (
      <div>
        Hello world _42323!
        <input />
      </div>
    )
  }
}

3. babelrc

{
  "presets":[
    "env",
    "react"
  ],
  "plugins": [
    "react-hot-loader/babel",
    "transform-decorators-legacy"
  ]
}

4. package.json scripts:

"scripts": {
  "dev": "webpack-dev-server --hot"
},

resources

• https://github.com/gaearon/react-hot-loader
• https://github.com/afeiship/webpack-notes
• https://larrylu.blog/react-decorator-hoc-2536db2737cb