rctgen - CLI for generating react components

This cli allows you to generate react components from templates within one command.

Instalation

Instal it globally

npm install -g rctgen

or

yarn global add rctgen

You can use it locally as well with yarn

install

yarn add --dev rctgen

and use it

yarn rctgen --param value

CLI options

| Option | Value | Description | | ------------- |--------------- | -------------------------------------------------------------------------------------| | --c | Component name | Component name only CamelCase supported | | --noCss | | Generates Component without styles | | --fn | | Generates function component instead of class Component | | --dir | directory path | Generates component inside directory path which is relative to source directory |

Config options

You can add to your package.json file

"rctgen": {
    "sourceDir": "./src",     // source directory of your components
    "jsExtension: "js",       // javascript file extension (js, jsx, tsx)
    "stylesExtension: "scss", // styles file extension (css, sass, scss etc.),
    "suffix": "Component"     // You can decide if your files and directory names have Component suffix
  }

Example

running rctgen --c Button generates:

Files structure:

my-app
└── src
    └── ButtonComponent
        ├── ButtonComponent.js
        └── ButtonComponent.scss

ButtonComponent.js:

import * as React from 'react'
import './ButtonComponent.scss'

export default class ButtonComponent extends React.Component {
  render () {
    return (
      <div>ButtonComponent</div>
    )
  }
}

ButtonComponent.scss:

.button-component {}