# react-toolbox-cli

> CLI to generate react components

Latest version **1.0.2** (published 2017-09-04) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-toolbox-cli
pnpm add react-toolbox-cli
yarn add react-toolbox-cli
bun add react-toolbox-cli
```

Provides the command `rc`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2017-09-04 |
| First published | 2017-09-04 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | AndreaFox |
| Maintainers | andreafox |
| Keywords | react, cli, components, generator, utility, toolbox |

## Links

- npm: https://www.npmjs.com/package/react-toolbox-cli
- Repository: https://github.com/AndreaFox93/react-component-cli
- Homepage: https://github.com/AndreaFox93/react-component-cli#readme
- Issues: https://github.com/AndreaFox93/react-component-cli/issues
- npm.io page: https://npm.io/package/react-toolbox-cli

## Dependencies (2)

- [lodash](https://npm.io/package/lodash.md) ^4.17.4
- [commander](https://npm.io/package/commander.md) ^2.11.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2017-09-04
- 1.0.1 — 2017-09-04

## README

# react-component-cli
CLI to generate React components

#Usage: rc generate

  Options:

    -p --pure [condition]       Pure component
    -e --extension [js|jsx|ts|tsx]  Component extension
    -s --style [css|scss]      Component style extension
    -h, --help                  output usage information

#Example: rc generate Header

   Will generate a Header folder and Header.js

    import React, {Component} from 'react';
                
    import PropTypes from 'prop-types';
    
    class Header extends Component{
        state = {};
    
        render() {
            return(
                <div>Header component</div>
            )
        }
    }
    
    Header.propTypes = {
    };
    
    export default Header;
    
#Example: rg generate Header -s scss

  Will generate a Header folder with Header.js and Header.scss
  
  #####Header.js
  
    import React, {Component} from 'react';
    import PropTypes from 'prop-types';
    
    import './Header.css'
    
    class Header extends Component{
        state = {};
    
        render() {
            return(
                <div className="header-component">
    Header component</div>
            )
        }
    }
    
    Header.propTypes = {
    };
    
    export default Header;
    
  #####Header.scss:
    
    .header-component {}
    
#Example rc generate Header -p

  #####Header.js
  
    import React from 'react';
    import PropTypes from 'prop-types';
    
    const Header = (props) => {
      return(
        <div>Header component</div>
      )
    };
    
    Header.propTypes = {
    };
    
    export default Header;
    
#Info
    
You can also combine --pure and --style and --extension
    
    rc generate Header -p -s scss
    
    rc generate Header -p -s css -e ts

---
_Source: https://npm.io/package/react-toolbox-cli · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._