arisa-react-generator

1.0.6 • Public • Published

arisa-generator npm version

A simple react component generator

Table of Contents

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.

Todo

  • Support more flexisible inquirer paramaters.

Contribute

PRs accepted.

Small note: If editing the README, please conform to the standard-readme specification.

License

MIT © 2018 ichiwa

/arisa-react-generator/

    Package Sidebar

    Install

    npm i arisa-react-generator

    Weekly Downloads

    0

    Version

    1.0.6

    License

    MIT

    Unpacked Size

    14.6 kB

    Total Files

    11

    Last publish

    Collaborators

    • ichiwa