# Reactcci

## Overview

Reactcci is more than just CLI for generating components. We are focused on these main ideas:

1. It is only for component-like templates. It lets make the configuration easier and perfectly fit to any component-based frameworks (React, React Native, Vue.js, Solid.js, etc.)
2. Updating components is annoying, the same as creating. Reactcci will help you to add tests, stories, or utils easier than ever.
3. One tool and templates everywhere. It doesn't matter what IDE you use. In VSCode you can use the extension. For Webstorm you can set up external tools. But everywhere you can use interactive CLI.
4. Easy way to keep one code-style. If you use snippets - you have to share them with your team, and teach everyone how to use them. But with Reactcci you describe all templates inside the repository to be used by everyone.

{% hint style="info" %}
You can find a lot of generators like plop or hygen. But they are generate-only tools. Reactcci lets you update components. More than that, these tools force you to write a lot of code to make just a step of generating. With Reactcci you already have all necessary steps, you need just customize them for your project.

Also, it is already designed to make and update components.
{% endhint %}

<figure><img src="https://3117293516-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjQet5ZLorWOjEjHXzobx%2Fuploads%2F1ACexGcNsqsPwka3Xp0o%2Freadme-example.gif?alt=media&#x26;token=4213296b-6dee-4f3d-94de-0b97177ca31b" alt=""><figcaption><p>Interactive multiple component creation</p></figcaption></figure>

{% hint style="success" %}
Star us on [github](https://github.com/coolassassin/reactcci)!
{% endhint %}

## Main features

* ⭐ [**VSCode Extension**](https://marketplace.visualstudio.com/items?itemName=KamenskikhDmitriy.vs-rcci) ⭐
* ⭐ [**Webstorm integration**](https://github.com/coolassassin/reactcci/blob/master/docs/webstormIntegration.md) ⭐
* **Plug and play**: Instant config for CRA with typescript
* **Easy to config**: interactive configuration and simple templating
* **Works with everything**: Typescript, Storybook, Redux, Jest, ...
* **Lightweight**: less than *40kb*
* **Fast search**: very fast selecting place for new component by dynamic search
* **A lot by one command**: ton of files by multi-creation feature
* **Created for React**: better than **plop**, **hygen** or another common scaffolding library, because it's for React
* **Multiplatform**: Works on MacOS, Windows, and Linux.

## Get Started

We will guide you to make your start easier:

{% content-ref url="set-up/install" %}
[install](https://kamenskih.gitbook.io/reactcci/set-up/install)
{% endcontent-ref %}

{% content-ref url="set-up/quick-start" %}
[quick-start](https://kamenskih.gitbook.io/reactcci/set-up/quick-start)
{% endcontent-ref %}

{% content-ref url="set-up/config" %}
[config](https://kamenskih.gitbook.io/reactcci/set-up/config)
{% endcontent-ref %}

{% content-ref url="set-up/cli" %}
[cli](https://kamenskih.gitbook.io/reactcci/set-up/cli)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://kamenskih.gitbook.io/reactcci/reactcci.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.