Standard ReactJS Procedures

Initialize ReactJS Project

1. Enter npm init
2. Enter npm install --save-dev babel-core babel-loader babel-preset-react babel-preset-es2015 webpack webpack-dev-server
3. Enter npm install --save react react-dom jquery
4. Append "scripts": {"start": "node_modules/.bin/webpack-dev-server --progress"},
5. Create and edit webpack.config.js:

   1. module.exports = {
        entry: [
          './src/app.js'
        ],
        output: {
          path: __dirname,
          filename: "bundle.js"
        },
        module: {
          loaders: [{
            test: /\.jsx?$/,
            loader: 'babel',
            exclude: 'node_modules',
            query: {
              presets:['react', 'es2015']
            }
          }]
        }
      };

6. Enter npm start