Set up hot loader

[heron2014]

As a developer I want to preserve state of my project when making changes

Official reference hot loader
Jrans reference repo here

[heron2014]

Steps to set up Hot Loader:

• npm install react-hot-loader --save-dev
• in your webpack.config.json
  entry :['webpack-dev/server/client?http://0.0.0.0,3003',
  'webpack/hot/only-dev-server',
  '.views/app.js'],

...
module:
...

loader: ['react-hot', 'babel']
add: plugins: [
new webpack.Hot...()]

• install webpack-dev-server

When we run it now , we will have an issue with multiple loaders - we need to split our loaders so query with preset to react will only require babel

Not finished

Good tutorial: http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html#react-and-react-hot-loader