# react-components-boilerplate-cli

> This cli lets you to create react components with boilerplate code generation for jsx imports, render body and props with PropTypes validations, you can create respective scss and test files for component. type crc -help for assist

Latest version **2.0.0** (published 2020-06-14) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-components-boilerplate-cli
pnpm add react-components-boilerplate-cli
yarn add react-components-boilerplate-cli
bun add react-components-boilerplate-cli
```

Provides the command `crc`.

## 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 | 2.0.0 |
| Published | 2020-06-14 |
| First published | 2020-06-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 13.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Kunal Kendrekar |
| Maintainers | kunalkendrekar115 |
| Keywords | react, react components create, boilerplate code generator |

## Links

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

## Dependencies (4)

- [emmet](https://npm.io/package/emmet.md) ^2.0.0
- [inquirer](https://npm.io/package/inquirer.md) ^7.1.0
- [prettier](https://npm.io/package/prettier.md) ^2.0.5
- [log-symbols](https://npm.io/package/log-symbols.md) ^3.0.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

- 2.0.0 (latest) — 2020-06-14
- 1.0.6 — 2020-06-14

## README

## React boilerplate code generator for component

This cli lets you to create react components with boilerplate code generation for imports, render and PropTypes , you can create respective scss and test file for component.

Create components with below folder structure

- `ComponentName/index.jsx`
- `ComponentName/index.spec.js`(optional)
- `ComponentName/index.scss` (optional)

### Usage

- Install cli:
- `npm install -g react-components-boilerplate-cli`

- Create functional components type using prompts:
  - `crc`
- Create Plain Component

  - `crc <ComponentName>`

- Create Component with scss and test file

  - `crc <ComponentName> scss test`

- Create Component with props
  - `crc <ComponentName> props`

### Examples

- Create Component with jsx ,test and scss files

![screen recording](https://recordit.co/uhCdm5xzJT.gif)

- Create Component with props

![screen recording](https://recordit.co/P4A0bGbc2y.gif)

- Create Component with jsx body through emmet syntax

![screen recording](https://recordit.co/CKjFHG0X7E.gif)

Emmet cheat-sheet for jsx code generation

https://docs.emmet.io/cheat-sheet/

For scss files, its required to use react-css-module npm package

https://www.npmjs.com/package/react-css-modules#module-bundler

You have to pass props in sequence order separated by `-`: PropName-Type-isRequired-DefaultValue
Type and isRequired are optioanal arguments with default value `string` and `Y` respectivly
if isRequired is passed `N` then default value to prop is assigned based on type of prop

Type crc -help for assist

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