1.1.5 • Published 2 years ago
@zoyo/rc v1.1.5
##REACT COMPONENT CLI
npm install -g @zoyo/rc
How to use it
- Open your terminal
- Change directory to your components folder
cd ./<components dirname>
Make sure that you have installed the package globally -g, otherwise it will not work from anywhere in your machine
Getting Started
rc <ComponentName> -f -css -l -c
- ComponentName is where you can name your component
- The component name is a necessary felid which cannot be empty 💀
List of commands that you can use
-f or --folder Puts the component inside a new folder with the same name as the component
-css or --stylesheet Creates a stylesheet for the component the you created. It also comes with a boiler plate code and it will also link the stylesheet to the js file
import "./component.style.css"
*,
*::before,
*::after {
box-sizing: border-box;
}****
body {
background: #fafafa;
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 16px;
line-height: 1.5;
}
-l | --lower By default rc capitalize the first letter of the component name. With the -l flag it tells rc to lowercase the component name.
Component ➡️ component
--c | --custom This flag will allow you to put any name of your choice without formatting your component name
-> ThisIsAComponent -> cOmponent etc ...
This was just a fun project for me. I will try to improve this cli whenever possible Thankyou