25 lines
1.4 KiB
Markdown
25 lines
1.4 KiB
Markdown
## FLUX React JS Boilerplate
|
|
|
|
Based on the architecture suggestions from Facebook, this boilerplate will help you deal with it. It has included the flux-react extension to React JS, [flux-react](https://github.com/christianalfoni/flux-react).
|
|
|
|
Read more about FLUX over at [Facebook Flux](http://facebook.github.io/flux/) and I wrote a post about it too: [My experiences building a FLUX application](http://christianalfoni.github.io/javascript/2014/10/27/my-experiences-building-a-flux-application.html) and [React JS and FLUX](http://christianalfoni.github.io/javascript/2014/08/20/react-js-and-flux.html)
|
|
|
|
### Development
|
|
* Run `gulp`
|
|
* Start a webservice in the `build` folder, f.ex. `python -m SimpleHTTPServer`
|
|
* Go to `localhost:8000` to display the app
|
|
* Go to `localhost:8000/testrunner.html` to see your tests
|
|
* Any changes to `app` or `styles` folder will automatically rebuild to `build` folder
|
|
* Both tests and application changes will refresh automatically in the browser
|
|
* Run `gulp test` to run all tests with phantomJS and produce XML reports
|
|
|
|
### Minify the code, ready for production
|
|
* Run `gulp deploy`
|
|
|
|
### Directory
|
|
* **build/**: Where your automatically builds to. This is where you launch your app in development
|
|
* **dist/**: Where the deployed code exists, ready for production
|
|
* **styles/**: Where you put your css files
|
|
* **specs/**: Where you put your test files
|
|
* **gulpfile**: Gulp configuration
|