# webpack-express-boilerplate
A boilerplate for running a Webpack workflow in Node express

Please read the following article: [The ultimate Webpack setup](http://www.christianalfoni.com/articles/2015_04_19_The-ultimate-webpack-setup) to know more about this boilerplate.

## Major update to project
Inspired by [this project](https://github.com/vesparny/react-kickstart) and the evolving of [react-transform](https://github.com/gaearon/react-transform-boilerplate) and [CSS Modules]((http://glenmaddern.com/articles/css-modules)), this project has gotten a major upgrade.

**NOTE!** Use the latest version of Node, 4.x.x.

## Install and Running
`git clone https://github.com/christianalfoni/webpack-express-boilerplate.git`

or just export the files:

`svn export https://github.com/christianalfoni/webpack-express-boilerplate/trunk ./dir`

1. cd webpack-express-boilerplate
2. npm install
3. npm start
4. navigate to http://localhost:3000 in your browser of choice.


## Overview

### React by default
The project runs with React by default and hot replacement of changes to the modules. Currently it is on 0.14.3.

### CSS Modules
CSS files loaded into components are locally scoped and you can point to class names with javascript. You can also compose classes together, also from other files. These are also hot loaded. Read more about them [here](http://glenmaddern.com/articles/css-modules).

To turn off CSS Modules remove it from the `webpack.config.js` file.

### Babel and Linting
Both Node server and frontend code runs with Babel. And all of it is linted. With atom you install the `linter` package, then `linter-eslint` and `linter-jscs`. You are covered. Also run `npm run eslint` or `npm run jscs` to verify all files. I would recommend installing `language-babel` package too for syntax highlighting

### Beautify
With a beautify package installed in your editor it will also do that

# webpack-express-boilerplate
React app that let's you manage discogs tracks for djing

Update readme with basic description
Update readme with basic description
