Birla is a CLI tool to easily create new file-structure scaffolds from template directories.
I was wasting a lot of time, creating files and folders whenever I made new components in React or Angular. Now, I just create a template for the component and using birla
generate new components easily. birla
will take care of changing file names and their content too. This is so much better than copy paste or code snippets.
- Supercharge your productivity.
- Maintain consistent structure of modules/components etc. across teams.
- Write once, use 1000 times.
- Focus on building features, not files.
- Install the cli tool using
npm i -g birla
. - In your project root, create a
birla-templates
folder. - In this folder, you have to place your templates. Each template is a folder.
- In terminal run
birla -n Name -t TemplateName DestinationDirectory
For each template we create a folder inside birla-templates
. In a template we can use $NAME to substitute it with the name provided in CLI.
We can also force convert the case of name with _c (camel), _p (pascal), _s (snake), _h (hyphen).
birla-templates
└───simple-component
└───$NAME_s
$NAME_h.css
$NAME.js
index.js
// /birla-templates/simple-component/$NAME_s/$NAME.js
const $NAME = () => {
console.log('$NAME_h');
}
export default $NAME;
birla -n NewComponent -t simple-component app/components/
This will create a folder named new_component
inside app/components/
which will have 3 files new-component.css
, NewComponent.js
, index.js
. In each file $NAME will be replaced by NewComponent
. $NAME_h with new-component
and so on.
It means that app/components/new_component/NewComponent.js
will look like -
const NewComponent = () => {
console.log('new-component');
}
export default NewComponent;
- If the file/folder already exists, birla will fail.
Inspired from remmy