@attently/compcreate

v1.2.2
A command line tool to create React components
react component generator

compcreate

A command line tool to create React components

Never again copy and paste react boilerplate class definitions, or worry about having to create subdirectories: compcreate allows for generating React components with some custom options for SCSS files, Stateless components, and an index.js files for easier importing.

Installation

yarn global add @attently/compcreate

Note: You may need to run the above as root.

Initial Setup

When compcreate is first run, it will have some interactive prompts to find out how you would like your components to be generated. It will save this configuration, and use it for all future runs.

Usage

To create a new component Foo, simply run the following command:

compcreate /path/to/Foo

where /path/to/ is the directory in which you want Foo to be created.

Options

The initial configuration settings can be overidden for instances where you may not need or want something from it. You can also save the new settings for later runs. Here are the available options:

Flag Description Value To Enable Value To Disable
-v or --version Shows compcreate's version number no, false, f, n, 0
-d or --directory Whether or not to create the component in a new directory yes, true, t, y, 1 no, false, f, n, 0
-i or --index Whter or not to create an index.js file for easier importing from directory. Note: index.js will not be created if compcreate is not creating a directory for the new component, as to not overwrite an existing index.js file. yes, true, t, y, 1 no, false, f, n, 0
-s or --stateless Whether or not to create a stateless component that is included inside main component. yes, true, t, y, 1 no, false, f, n, 0
-c or --scss Whether or not to create a SCSS file for custom component styles. yes, true, t, y, 1 no, false, f, n, 0
-j or --jsdoc Whether or not to insert JSDoc comments into generated component files. yes, true, t, y, 1 no, false, f, n, 0
--save-config Save all given flag values as the new default
npm i @attently/compcreate

Metadata

  • MIT
  • Whatever
  • Attently, Inc.
  • released 5/17/2018

Downloads

Maintainers