A tool to create components based on custom templates.
npm install customaddcomponents
"scripts": {
"add": "add-component",
},
{ "templatepath": "CustomTemplate", "componentPlacementPath": "src" }
- templatepath: the placement of your template
- CustomAddcCmponents: The root directory which you want to place your component
npm run add
- template is folder
- template is file
${component-name} -> component-name
${componentName} -> componentName
${ComponentName} -> ComponentName
${component-filename} -> component-filename
${componentFilename} -> componentFilename
${ComponentFilename} -> ComponentFilename
template.tsx.txt
import { Component } from 'react'
export default class ${TemplateName} extends Components {
constructor(props) {
super(props)
this.state = {}
}
render() {
return <div className='${template-name}'>${TemplateName}</div>
}
}
your component file
import { Component } from 'react'
export default class YourComponent extends Components {
constructor(props) {
super(props)
this.state = {}
}
render() {
return <div className='your-component'>YourComponent</div>
}
}