A tool to facilitate the quick creation of React components via the command line.
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.
To install the react-quick-comp
tool globally, execute the following command:
npm install -g react-quick-comp
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.
--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.
Here are some examples of how you can use react-quick-comp
to streamline your workflow:
- Create a basic component:
rqc create Button
- Create a TypeScript component with an interface:
rqc create Input --ts
- Create a component with a style file using styled-components:
rqc create Card --css
- Create a React-Native component with style and test file usign Typescript:
rqc create Card --native --ts --all
Contributions are welcome! If you wish to collaborate with the project, follow the steps below:
- Fork the
react-quick-comp
repository on GitHub. - Create a new branch with your modifications:
git checkout -b my-contribution
. - Make the desired changes and commit:
git commit -m "My contribution"
. - Send your changes to the remote repository:
git push origin my-contribution
. - Open a Pull Request so that your changes can be reviewed and incorporated into the project.
- Max Wesley - Author and maintainer.
- Cristian J. Ambrosi - Add husk with commitlint, update gitignore file and add .editorconfig.
This project is licensed under the MIT License.
If you have any questions, suggestions, or need to get in touch, feel free to use one of the following methods:
- E-mail: maxwesleydev@gmail.com
- LinkedIn: Max Wesley
- GitHub: MaxWesley
- Repository: react-quick-comp
- Package: react-quick-comp