This ready-and-simple-to-use boilerplate includes es6, react, react-router, sass, bootstrap, font awesome and a few common dev packages.

Clone this repository, run npm install then start coding.

As simple as 1-2-3:

1. Create your view in /src/components/views directory
2. Add you route in /src/components/application.jsx
3. Add a link in the navbar in /src/components/views/shared/layout.jsx

Import third party css or js files in src/main.js, like we already did for Bootstrap and Font Awesome. Yep, that's all.

Webpack does the job, both JS and CSS. To start the webserver, simply type npm start and navigate to localhost:4444.

Job done, want to build? Type gulp dist, then browse /dist directory and get your packed files.

Don't know dude, it's your app now. Be creative.

• react
• react-dom
• react-router
• bootstrap
• font-awesome

• babel:
  • babel-core
  • babel-preset-es2015
  • babel-preset-react
• webpack:
  • webpack
  • webpack-dev-server
  • webpack-stream
  • loaders:
    • babel-loader
    • css-loader
    • file-loader
    • sass-loader
    • style-loader
    • url-loader
• gulp
• gulp kits:
  • del
  • gulp-rename
  • run-sequence
• node-sass