Skip to content

Latest commit

 

History

History
32 lines (22 loc) · 1.73 KB

README.md

File metadata and controls

32 lines (22 loc) · 1.73 KB
Raw

devDependency Status

react-seed

A set of packages and build scripts to enable test driven development for React apps in ES6.

Setup

Requires node and npm. brew install node gets you both.

  1. Download latest zip.
  2. Rename folder to project name.
  3. cd [PROJECT NAME]
  4. npm install
  5. gulp

Build environment

Running gulp starts the development environment. All CSS and JS files are monitored and changes will automatically reload the browser via browser-sync.

CSS

Place Sass files in ./styles. Write valid CSS and autoprefixer will take care of any vendor prefixes.

JavaScript

Place your scripts in ./scripts. Uses browserify to bundle all client files together.

Images or other assets

Create a ./assets folder to place images, downloads, or other miscellaneous files. These will be automatically copied to the ./build folder.

Testing

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.