react-create-helper

react-create-helper

Install

npm i -g react-create-helper

Options

You can provide options in your package json like that

"react-create-helper": {
    "base": "./src",
    "actionsDir": "actions",
    "reducersDir": "reducers",
    "componentName": {
      "prepend": "My",
      "append": "Component"
    },
    "styleExtension": "css"
  }

base: base dir for components from your project root

actionsDir: base dir of actions from base

reducersDir: base dir of reducers from base

componentName: also you can configure prefix and suffix of component name.

styleExtension: style extension)))

Generate component

rch Header

output

Header
├── Header.js
├── Header.scss
└── index.js

Generate action & reducers

package.json

"react-create-helper": {
    "base": "./src",
    "actionsDir": "Actions",
    "reducersDir": "Reducers",
    "componentName": {
      "prepend": "My",
      "append": "Component"
    },
    "styleExtension": "css"
  }

$ rch -c Example
$ rch -a ExampleAction
$ rch -r ExampleReducer

This will generate something like this

src
  ├── MyHeaderComponent
  │   ├── MyExampleComponent.js
  │   ├── MyExampleComponent.css
  │   └── index.js
  ├── Actions
  │   └── ExampleAction.js
  └── Reducers
      └── ExampleReducer.js

Also you can use rch -h. To see all options and usage examples;