react-drag-dealer

A boilerplate to create React components using react-transform-hmr, Babel 6, webpack and SASS

Features

1. Babel 6 for ES6 and ES7
2. style-loader, sass-loader and less-loader to allow import of stylesheets in plain css, sass and less,
3. mocha to allow writing unit tests for the project
4. react-storybook
5. enzyme for testing
6. travis as CI
7. istanbul for code coverage (ES2015)
8. codecov.io for code-coverage reporting
9. Scripts written for building components(ES5)
10. semantic-release for automated releases following semantic versioning
11. commitizen and cz-conventional-changelog for better commit messages.

Getting started

cd react-drag-dealer/
npm install
npm run storybook

Scripts

1. npm run lint : Lint all js files
2. npm run lintfix : fix linting errors of all js files
3. npm run semantic-release : make a release. Leave it for CI to do.
4. npm run storybook: Start developing by using storybook
5. npm run test : Run tests. tests file should be written as *.test.js and using ES2015
6. npm run test:watch : Watch tests while writing
7. npm run test:cover : Show coverage report of your tests
8. npm run test:report : Report test coverage to codecov.io. Leave this for CI
9. npm run build: transpile all ES6 component files into ES5(commonjs) and put it in dist directory
10. npm run docs: create static build of storybook in docs directory that can be used for github pages

Learn how to write stories here

License

MIT