A boilerplate for a full FLUX architecture
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
build
dist
specs
styles
.babelrc
.gitignore
README.md
gulpfile.js
package.json

README.md

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.

Read more about FLUX over at Facebook Flux and I wrote a post about it too: My experiences building a FLUX application and React JS and FLUX

Development

  • Run npm install
  • 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