react-setup: A JavaScript repository from timarney

#Update This information is still relevant but, just use -> Create React App (get back to coding) it handles all of this for you. https://github.com/facebookincubator/create-react-app.

#TL;DR

Do at least this

new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': '"production"'
      }
    })

That's a 77 KB win -> because by default, React is in development mode.

Facebook also recommends UglifyJS to completely remove the extra code present in development mode.

#What is this? I started this as an experiment to see how big React is for a production build via Webpack (without gzip etc...)

React and React Dom are split out into a vendors.js file (standalone).

Note this isn't a React Starter boilerplate. It's an experiment to test Webpack settings.

#Tips / Ideas? Feel free to send a pull request or add to the dicussion using Issues i.e -> #1

#Production Output

+-- dist
|   +-- bundle.js (495 bytes)
|   +-- index.html (219 bytes)
|   +-- vendors.js (141 kB) 👍

#Build npm run build (output to production dir)