# 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 = {<br></br>  entry: [<br></br>    './src/app.js'<br></br>  ],<br></br>  output: {<br></br>    path: __dirname,<br></br>    filename: "bundle.js"<br></br>  },<br></br>  module: {<br></br>    loaders: [{<br></br>      test: /\.jsx?$/,<br></br>      loader: 'babel',<br></br>      exclude: 'node_modules',<br></br>      query: {<br></br>        presets:['react', 'es2015']<br></br>      }<br></br>    }]<br></br>  }<br></br>};
        ```
6. Enter `npm start`