Junketsu

Yeoman generator for React + Redux applications with TypeScript

Generators

app

yo junketsu

Run the default 'app' generator. You can also run this with yo junketsu:app if you want to be very explicit about things.

? Project name        - Name of the project.
? Project description - Description of the project.

state

yo junketsu:state

Add a piece of state to your application. Note that you can specify async action creators by adding a * as an affix character.

? State name    - Name for the state in PascalCase.
? State type    - Creates basic initial state for the reducer.
? State actions - Comma separated list of actions. E.g. "incrementNumber,decrementNumber".

component

yo junketsu:component

Add either a new view (container) or a basic component with optional connection to redux.

? Component name    - Component name in PascalCase.
? Component options - Make component "smart" to connect it to the redux store.

Workflow

Run npm start to start a "hotreloading" development environment. Run npm run test:auto in another terminal to have tests run on file changes.

To package the application, execute npm run build and maybe npm run lint && npm test before if you want to ensure quality code. :sunglasses:

Acknowledgements

The generated application uses kotatsu behind the scenes.