react-livejs

As noted on babel-plugin-react-transforms's readme, it's a highly experimental tech and you should not bet your project on it.

Usage no npm install needed!

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

README

React live JS wrapper

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]}}
}

Installation

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.