React Boilerplate with sGrid and Webpack
JavaScript CSS HTML
Latest commit fcf4427 Oct 23, 2016 @juliancwirko hmr fix


React Redux Boilerplate with sGrid, Webpack and Hot Module Replacement configuration.

This is a simple React boilerplate with:


$ git clone
$ cd react-boilerplate
$ npm install
$ npm start

...and go to: http://localhost:3000

More info and documentation soon. There will be also a tutorial in a blog post. Stay tuned.

Prepare for production

If you are ready to prepare your production files. You can run npm run build. Webpack will bundle and save all needed files (.js, .css, img, .html) in the public folder.

Tests and ESLint

It uses Mocha runner config. You can use Enzyme, Chai, Sinon and JSDOM too. Configuration allows you to test components which uses CSS Modules. If you want to run tests put your test files in the __tests__ folder and run npm test. (it will run eslint too) or npm run testonly. You'll find example tests in the __tests__ folder.

sGrid docs

For now this is a basic React boilerplate. PR are welcomed.

Also check out

Works in Node which supports Promises.




  • 0.8.2 Workaround for background images when using sourceMap. See this issue comment.
  • 0.8.1 Better code style - airbnb ESLint config
  • 0.8.0 Redux added; react-css-modules added; optimalization and adjustments
  • 0.7.2 HtmlWebpackPlugin added
  • 0.7.1 Stylus added #7
  • 0.7.0 Jest removed; Mocha, Enzyme added; Update for React 15; Update for React Router 2
  • 0.6.1 Small adjustments and updates
  • 0.6.0 CSS Modules approach; PostCSS loader
  • 0.5.1 file-loader/url-loader and dist build fix
  • 0.5.0 Jest config added (testing); build task
  • 0.4.2 sGrid update
  • 0.4.1 Webpack, Babel updates
  • 0.4.0 React, ReactRouter, Babel and other updates
  • 0.3.1 sGrid update
  • 0.3.0 React 0.14, React-Router 1.0.0-rc3, HMR config, different server config, other updates
  • 0.2.1 sGrid and autoprefixer update
  • 0.2.0 webpack-dev-server config and updates
  • 0.1.0 es6 refactor, eslint added
  • 0.0.1 init