keppelen / react-transform-boilerplate

A new Webpack boilerplate with hot reloading React components, and error handling on module and component level.

React Transform Boilerplate

A new Webpack boilerplate with:

• hot reloading React components;
• error handling inside component render() function;
• error handling for syntax errors (thanks, @glenjamin!)

Built with babel-plugin-react-transform and a few custom transforms.
Does not use React Hot Loader.

Demo

git clone https://github.com/gaearon/react-transform-boilerplate.git
cd react-transform-boilerplate
npm install
npm start
open http://localhost:3000

Then go ahead and edit files inside src (any file except index.js).

What’s Inside

The component instrumentation is implemented on top of babel-plugin-react-transform:

• react-transform-webpack-hmr handles hot reloading
• react-transform-catch-errors catches component errors

The syntax errors are displayed in an overlay by @glenjamin’s webpack-hot-middleware which replaces Webpack Dev Server.

Discussion

You can discuss React Transform and related projects in #react-transform channel on Reactiflux Slack.

License

MIT