/react-quick-comp

A simple framework to automate task like creation of component boilerplate to improve the day-work of React Frontend Developers.

Primary LanguageJavaScriptMIT LicenseMIT

react-quick-comp

A tool to facilitate the quick creation of React components via the command line.

Description

react-quick-comp is a tool aimed at simplifying the creation of new React components in projects. With just one command, you can quickly generate the basic structure of a new component, allowing you to focus more on the specific logic of the component and less on the initial setup.

Installation

To install the react-quick-comp tool globally, execute the following command:

npm install -g react-quick-comp

Usage

Note: Before running the following command, make sure to open the folder where you want to create the new component in your terminal.

To create a new component, use the following command:

rqc create ComponentName

This will create a folder with the component name, containing the index.js file and the basic structure of the component.

Documentation

Available flags:

  • --ts: Creates a TypeScript component with an interface.
  • --css: Creates a component with a style file (using styled-components).
  • --all: Creates a component with a test file and style.

Examples

Here are some examples of how you can use react-quick-comp to streamline your workflow:

  1. Create a basic component:
rqc create Button
  1. Create a TypeScript component with an interface:
rqc create Input --ts
  1. Create a component with a style file using styled-components:
rqc create Card --css
  1. Create a React-Native component with style and test file usign Typescript:
rqc create Card --native --ts --all

Contribution

Contributions are welcome! If you wish to collaborate with the project, follow the steps below:

  1. Fork the react-quick-comp repository on GitHub.
  2. Create a new branch with your modifications: git checkout -b my-contribution.
  3. Make the desired changes and commit: git commit -m "My contribution".
  4. Send your changes to the remote repository: git push origin my-contribution.
  5. Open a Pull Request so that your changes can be reviewed and incorporated into the project.

Contributors

License

This project is licensed under the MIT License.

Contact

If you have any questions, suggestions, or need to get in touch, feel free to use one of the following methods:

GitHub

NPM