# react-add

> Create custom react components using cli

Latest version **1.1.5** (published 2019-01-18) · ISC license · 0 weekly downloads

## Install

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

Provides the command `react-add`.

## 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.1.5 |
| Published | 2019-01-18 |
| First published | 2019-01-11 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 8 |
| Unpacked size | 14.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Dragos Nedelcu |
| Maintainers | dragos.nedelcu |
| Keywords | create, components, react, custom, reactjs |

## Links

- npm: https://www.npmjs.com/package/react-add
- npm.io page: https://npm.io/package/react-add

## Dependencies (8)

- [chalk](https://npm.io/package/chalk.md) ^2.4.2
- [redux](https://npm.io/package/redux.md) ^4.0.1
- [fs-extra](https://npm.io/package/fs-extra.md) ^7.0.1
- [inquirer](https://npm.io/package/inquirer.md) ^6.2.1
- [commander](https://npm.io/package/commander.md) ^2.19.0
- [node-sass](https://npm.io/package/node-sass.md) ^4.11.0
- [log-symbols](https://npm.io/package/log-symbols.md) ^2.2.0
- [react-redux](https://npm.io/package/react-redux.md) ^6.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

- 1.1.5 (latest) — 2019-01-18
- 1.1.3 — 2019-01-18
- 1.1.2 — 2019-01-18
- 1.1.1 — 2019-01-18
- 1.1.0 — 2019-01-17
- 1.0.8 — 2019-01-16
- 1.0.7 — 2019-01-16
- 1.0.6 — 2019-01-16
- 1.0.5 — 2019-01-16
- 1.0.4 — 2019-01-16
- 1.0.3 — 2019-01-15
- 1.0.2 — 2019-01-15
- 1.0.1 — 2019-01-11
- 1.0.0 — 2019-01-11

## README

# React add
## 👷 A work in progress !

🔥 Motivation: 
As React ecosystem does not have a CLI for creating components (like Angular), creating and configuring manual components might take more time than expected. This package aims for simplicty and uses familiar terms to configure a component and get started quickly.

### Features 🚀

  - ✔️ Class component 
  - ✔️ Function component
  - ✔️ Redux addition to class components
  - ✔️ LESS, SCSS, CSS choose for either of class or function components
  - ✔️ Stores components into a json file and can be reused by other person

In next releases:
  - Add react router (import, and withRouter hoc)
  - Save a component preset and use it when needed
  - More customization added

### Installation

'React add' can be use as a global package, using npm

Install the dependencies and devDependencies and start the server.

```sh
$ npm install -g react-add
$ react-add --version (If everything was correct should output the version number)
```


React-add needs to be initialized first
```sh
$ react-add init
```

And then can be used like this

For class components:
```sh
$ react-add rcc
```

For function components:
```sh
$ react-add rfc
```

If you recived a reactadd.json file, you can install it using:
```sh
$ react-add install
```

# Changelog

## [1.1.5] - 2018-19-01
### Modified
- user can now select a global css style that will be used everytime it creates a component
### Deleted
- user can no longer select style everytime a component it's added


## [1.1.3] - 2018-19-01
### Added
- `react-add uninstall` functionality added
- uninstall can be used to delete components from reactadd json file

## [1.1.3] - 2018-19-01
### Added
- `react-add init` functionality that stores the informations into `react-add.json`
- installing available components using `react-add install`
- detecting if the component is already installed

## [1.1.2] - 2018-18-01
### Added
- Warning in readme.md for Windows users

## [1.1.0] - 2018-17-01
### Added
- If the user selected redux or/and scss, React-add will search inside package.json and it will install the dependencies needed
- Changing an existing component style, will remove and replace style file with the choosen one.


License
----

MIT

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