Regenr

React Generator

Summary

Regenr is a command-line interface that helps Generating ReactJs Components.

Installation

npm install -g regenr

Usage

regenr <path>/<componentName> [options]

Example: regenr src/Components/Header will provides:

Header.js

import React from 'react'
import styles from './Header.scss'

class Header extends React.Component {
	constructor(props) {
		super(props)
		this.displayName = 'Header'
	}
	render() {
		return (
			<div className={styles.Header}>
				{/* Your code here */}
			</div>
		)
	}
}

export default Header

Header.scss

.Header{
		/* Your stylesheet here */
}

index.js

export default './Header.js'

Options

-c [css preprocessor] or --css [css preprocessor]

Example: regenr src/Components/Header -c less

Will provide .less integration

Screenshot

License

MIT