compg v1.0.2

compg

CLI tool that makes react boilerplate component. Supports es6 or typescript, css or @emotion/styled, emmet-like syntax.

Installation

npm i compg -g

Usage

compg

Simple run.

compg ComponentName

Run with preinstalled component.

compg "ComponentName>AnotherComponentName"

Create two components with parent-child connection.

compg --syntax=typescript --style=emotion "ComponentName>AnotherComponentName"

Run with options.

compg -tm "Parent>Child>Toy+AnotherToy^(AnotherChild>Candy)+YetAnotherChild"

Run with short options and more complex connection.

ComponentName

The syntax is inherited from emmet. There are several operators available >, +, ^, ().

Available Options

• -h, --help: Show this help message and exit.
• --syntax: Syntax, valid values: typescript, es6.
• --style: Style, valid values: emotion, css.
• -t: Use typescript. Alias for --syntax=typescript.
• -e: Use es6. Alias for --syntax=es6.
• -m: Use @emotion/styled. Alias for --style=emotion.
• -c: Use css. Alias for --style=css.