WebDEV with Webpack, React.js etc. ... with RxJS

Create project with npm:

mkdir awsomewebproject && cd awsomewebproject
npm init -y

Install needed dev dependencies:

npm install --save-dev webpack webpack-dev-server webpack-merge css-loader style-loader  file-loader url-loader babel-core babel-loader babel-preset-es2015 babel-preset-react babel-plugin-transform-class-properties 

Install all needed dependecies:

npm install --save jquery react react-dom bootstrap react-bootstrap 

Add those lines to scripts section in package.json:

...
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --open --config ./config/webpack.dev.js",
    "build": "webpack --config ./config/webpack.prod.js"
  },
...

NEW VERSION with RxJS

Create project with npm:

mkdir awsomewebproject && cd awsomewebproject
npm init -y

Install needed dev dependencies:

npm install --save-dev babel-core babel-loader babel-preset-es2015 clean-webpack-plugin cross-env css-loader file-loader html-webpack-plugin node-sass sass-loader style-loader url-loader webpack webpack-cli webpack-dev-server

Install all needed dependecies:

npm install --save cors express jquery rx-dom rxjs

Add those lines to scripts section in package.json:

...
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "cross-env NODE_ENV=dev webpack-dev-server --progress --config webpack.config.dev.js",
    "build": "webpack -p --progress --config webpack.config.build.js"
  },
...