A magical boilerplate with hot reloading and awesome error handling
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
License
redux-boilerplate: MIT © C.T. Lin
redux-undo-boilerplate: MIT © Daniel Bugl