Start developing React JS applications easily with the included tooling. Using gulp with browserify and jasmine for testing.
Read more about how it works at: React JS workflow, part 2
- Clone the repo
- Run
npm install
2.2.2
- Added es5 shim to testrunner-phantom.js html as phantomJS does not have bind etc.
2.2.1
- Updated package.json dep versions
2.2.0
- Using gulp-watch instead of gulp.watch, now reacts to adding and deleting files
2.1.0
- Fixed watch bug
- Deploy does not include react-addons
- 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
orstyles
folder will automatically rebuild tobuild
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
- Run
NODE_ENV=production gulp deploy
- 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