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 {}