Step -0 : Create packagae.json

npm init -y

Step -1 : Install dependencies

npm install webpack --save-dev npm install webpack-dev-server --save-dev npm install babel-core babel-loader babel-polyfill babel-preset-es2015 babel-preset-es2016 babel-preset-es2017 --save-dev

npm install babel-preset-react react react-dom react-bootstrap --save-dev

Step -2 : Create webpack.config.js

module.exports = { entry : ['babel-polyfill','./app/index.js'], output : { path: __dirname + './build', filename:'bundle.js' }, module:{ loaders:[ { loader:'babel-loader', test:/.js$/, exclude:/node_modules/ } ] }, devServer:{ port:3000, contentBase:'./build', inline: true } }

Step -3 : Add babel preset for es6,es7,es8 in package.json

, "babel": { "presets": [ "es2015", "es2016", "es2017", "react" ] },

Step -4 : Add react

import React from 'react';
import ReactDOM from 'react-dom'

ReactDOM.render(