0.4.1 • Published 5 years ago
generate-your-react-component v0.4.1
generate-react-component
An opinionated CLI generator for ReactJS components.
Why?
ReactJS is full of repetitive patterns this simple tool which can be extended quite easily allows you generate code based on templates. Currently the templates available are Class, Functional and Index files
Functional Component:
import React from 'react';
import PropTypes from 'prop-types';
const <ComponentName> = props => <div></div>;
<ComponentName>.displayName = '<ComponentName>'
<ComponentName>.propTypes = {}
<ComponentName>.defaultProps = {}
export default <ComponentName>
Class Component:
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class <ComponetName> extends Component {
static propTypes = {};
static defaultProps = {};
static displayName = '<ComponentName>'
constructor(props) {
super(props)
}
render() {
return (
<div></div>
)
}
}
export default <ComponentName>
Install
Run
npm install -g generate-your-react-component
You may need to sudo
it.
Usage
Generate Class Component
Run
grc -k[or --class] <ComponentDirectory> <ComponentName>
This will create a folder within the current folder named , and a Class Component js file named .
Generate Functional component
Run
grc -f[or --functional] <ComponentDirectory> <ComponentName>
Generate index.js file in directory for all React components