A set of packages and build scripts to enable test driven development for React apps in ES6.
Requires node and npm. brew install node gets you both.
- Download latest zip.
- Rename folder to project name.
cd [PROJECT NAME]npm installgulp
Running gulp starts the development environment. All CSS and JS files are monitored and changes will automatically reload the browser via browser-sync.
Place Sass files in ./styles. Write valid CSS and autoprefixer will take care of any vendor prefixes.
Place your scripts in ./scripts. Uses browserify to bundle all client files together.
Create a ./assets folder to place images, downloads, or other miscellaneous files. These will be automatically copied to the ./build folder.
Create a __tests__ folder next to the scripts that you would like to run tests for. To enter test driven development mode, run gulp tdd. This will watch your test files and source files for changes and run tests automatically as a result. Run gulp test to run all tests once, or run gulp test:coverage for a complete code coverage report.
Heavily inspired from React for Beginners and Testing ES6 React components with Gulp + Mocha + Istanbul.