Awesome

redux-undo-boilerplate

a magical boilerplate with hot reloading and awesome error handling™ that uses webpack, redux, react and redux-undo

Installation

You need to have npm installed (it comes with node.js).

npm install

Running

During development, run:

npm run dev

Which enables some development tools.

In production, run:

npm start

These commands (unless configured otherwise) start a web server at: http://localhost:3000

Demo

What happens if I change some code?

Save the file in your editor and immediately see the changes reflected in your browser - coding has never been more efficient. What a beautiful world we live in nowadays.

What happens if I make a typo / syntax error?

Many of us know this: You accidentally type in the wrong window once, add a random character to your code and when you run it again you're like "WTF this just worked?!" - let webpack-hot-middleware help you out with this:

What happens if I mutate the state directly?

Mutating the state directly causes lots of bugs with Redux. There are no immutables in JavaScript, so we can't make sure this doesn't happen unless we use something like Immutable.js.

If you run this boilerplate in dev mode (npm run dev), it will tell you when you mutate something directly:

Testing

npm test

Thanks

Special thanks to these awesome projects/people making this possible :heart:

React
Redux
Babel - for ES6 support
redux-boilerplate by chentsulin - this boilerplate is based off his project
babel-plugin-react-transform by gaearon - as a base for the hot reloading and error handling
react-transform-catch-errors by gaearon - error handling
react-transform-hmr by gaearon - hot reloading
redux-devtools by gaearon
redux-immutable-state-invariant by leoasis - detect state mutations