water-ice/react-webpack-gulp-starter

Very minimal starter for react and webpack, using gulp

React Minimal Boilerplate

A very lean React boilerplate, using webpack and gulp. Demo

Dev Build + Server

Run the following commands:

$ npm install
$ gulp

Navigate your browser to localhost:8181 to see the results. The files are watched, so all changes are automatically built and served.

Dev Build

Run the following commands:

$ npm install
$ gulp build-dev

The bundled file is created in public/js/bundle.js. The files are watched, so all changes are automatically built. Load public/index.html in the browser to see the results.

Production Build

Run the following commands:

$ npm install
$ gulp build

The bundled file is created in public/js/bundle.js

File structure

public/
    js/
        bundle.js
    index.html
src/
    components/
        Item.js
        List.js
        Root.js
    styles/
        styles.scss
    index.js
gulpfile.js
package.json
webpack.config.getter.js

Included libraries

• Webpack
• Babel
• Gulp
• React
  • Awesome React
  • Introduction resources
  • Examples
  • Complementary Tools
• ReactCSS
• MaterialUI

Pull requests are welcome!

License

MIT