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