Arisa-react-generator NPM

arisa-generator

A simple react component generator

Install

$ npm install -g arisa-react-generator

Usage

Generate templates file to current working diretory.

$ arisa-react-generator templates

After that, you can generate react component like this.

$ arisa-react-generator
? What's component name? MyComponent
? Stateless or Statefull? Statefull
? Support redux connect? Yes
? Which diretory do you want to export? ./test/components/
? Are you sure to generate component? Yes
test/components/MyComponent.js created.

test/components/MyComponent.js

// @flow
import React from 'react';
import { connect } from 'react-redux';
import type { MapStateToProps } from 'react-redux';

type Props = {
};

type State = {
};

class MyComponent extends React.Component<Props, State> {
  constructor(props: Props) {
    super(props);
  }

  props: Props;

  render() {
    <div>
      Statefull component
    </div>
  }
}

type OwnProps = {

};

const mapStateToProps: MapStateToProps<*, *, *> = (state: *, ownProps: OwnProps) => {

};

const mapDispatchToProps = (dispatch: Dispatch<*>) => ({

});

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);

You can customize templates files that is written by hogan.js.