React_with_Redux.md

1. Install next libraries

npm install --save babel-core babel-loader babel-preset-es2015 babel-preset-react express react react-dom webpack

2. npm init -y for generate package.json file
3. add to package.file

"repository": {
    "type": "git",
    "url": "https:/your_repo"
  }
  
"scripts": {
   ....,
    "serve": "nodemon server/server.js"
  }

4. create directory dist
5. create file webpack.config.js

module.exports = {
  devtool: 'inline-source-map',
  entry: ['./client/client.js'],
  output: {
    path: './dist',
    filename: 'bundle.js',
    publicPath: '/'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['react', 'es2015']
        }
      }
    ]
  }
}

6. npm install -g webpack if you run which webpack command, looks like next: /usr/local/bin/webpack

7. webpack --config webpack.config.js this generate dist/bundle.js

8. install nodemon npm install -g nodemon

9. run script npm run serve for start server

10. Install Redux and components

npm install --save redux react-redux redux-logger