Getting started

$ git clone https://github.com/jekaantipin/react-webpack2-starter.git YOUR_APP

$ cd YOUR_APP

$ npm install

npm commands

• npm run dev - Run for development, go to http://localhost:3000
• npm run dev:dashboard - same as (npm run dev) but with nice logging console interface
• npm run build - Run for production
• npm run npm-check:update - Interactive console for updating npm packages

Features

• React
• Webpack 2 with "Tree-Shaking".
• Express server.
• Babel ES6 and ES7 transpiling.
• React Hot Loader 3 Tweak React components in real time.
• Webpack Dev Middleware serves the files emitted from webpack over the Express server.
• Webpack Hot Middleware allows you to add hot reloading into the Express server.
• CSS and SCSS support with PostCSS for advanced transformations (e.g. autoprefixer).
• whatwg-fetch A window.fetch JavaScript polyfill for programmatically making web requests in the browser.

Plugins

• Extract Text
  • https://github.com/webpack/extract-text-webpack-plugin
• HTML Webpack
  • https://github.com/ampedandwired/html-webpack-plugin
• UglifyJS
  • https://webpack.github.io/docs/list-of-plugins.html
  • https://github.com/mishoo/UglifyJS
• Define
  • https://webpack.github.io/docs/list-of-plugins.html
• babel-plugin-transform-react-remove-prop-types - Remove unnecessary React propTypes from the production build.
  • [https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types]

Loaders

• babel-loader
  • https://github.com/babel/babel-loader
• url-loader
  • https://github.com/webpack/url-loader
• file-loader
  • https://github.com/webpack/file-loader
• style-loader
  • https://github.com/webpack/style-loader
• css-loader
  • https://github.com/webpack/css-loader