0.0.4 • Published 6 years ago
rctgen v0.0.4
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 {}