generator-startup-react-app
Yeoman generator for ReactJS - lets you quickly set up a project, including jest for unit test and code coverage runner and Webpack module system.
About
Generator-startup-react-app will help you build new React projects using modern technologies.
Out of the box it comes with support for:
- React 16
- Ui-material
- React-router
- Webpack 3
- ES2015 via Babel-Loader
- Different supported style languages (sass, scss)
- Style transformations via PostCSS
- Automatic code linting via esLint
- Ability to unit test components via jest
- Code coverage with jest
- Hot-reload
Changes since version 0.0.6
This generator is written in ES2015. This means it is not compatible with node.js versions before 8.9.4.
If you are interested, feel free to write your own generator and use generator-startup-react-app as a base (via composition).
Installation
# Make sure both is installed globally npm install -g yonpm install -g generator-startup-react-appnpm install -g yarnSetting up projects
# Create a new directory, and `cd` into it: mkdir my-new-project && cd my-new-project # Run the generator yo startup-react-appUsage
The following commands are available in your project:
# Start for development yarn run dev # Start the dev-server with the dist version yarn run start # Just build the dist version and copy static files yarn run build # Run unit tests and get code coverage yarn run test # Auto-run unit tests on file changes yarn run test:auto # Lint all files in src (also automatically done AFTER tests are run) yarn run eslint Contribute
Contributions are welcomed. When submitting a bugfix, write a test that exposes the bug and fails before applying your fix. Submit the test alongside the fix.