As noted on babel-plugin-react-transforms's readme, it's a highly experimental tech and you should not bet your project on it.
Uses livereactload's babel react transform plugin to wrap React components into react-proxy wrappers, in order to make live-reloading easier.
Also exposes a boilerplate piece of babel config via react-livejs/config
, that can later be used as
const liveJs = require('react-livejs/config');
// ...
babel: {
presets: ['es2015', 'react'],
env: {development: {plugins: [liveJs]}}
}
Add both react-livejs
and babel-plugin-react-transform
to your package.json
.
Then add a piece of babel config as mentioned previously.
http://github.com/goshakkk/brunch-livejs-reload-stage2 demoes this package with Brunch.