A CLI tool that makes react boilerplate component

by React

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.

GitHub

View Github