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