Learning Redux

Hot reloading React components

Let's set up hot reloading for our React components.

1. First of all, we install react-hot-loader, which implements hot reloading for React components:

npm install --save react-hot-loader@next

2. Then, we edit our babel config; open the .babelrc file and add react-hot-loader/babel as a plugin. The file should look as follows:

{  "presets":[ "es2015", "react" ],  "plugins": [    "transform-object-rest-spread",    "react-hot-loader/babel"  ]}