Support flow type props validation

[shilman]

Issue by joehua87
Saturday Sep 17, 2016 at 14:00 GMT
Originally opened as storybook-eol/react-storybook-addon-info#74

---

Thank you for your awesome library.

Did you have any plan to support:

export default class Item extends React.Component { // eslint-disable-line
  props: {
    icon: string,
    tooltip?: string,
    onClick?: () => void,
  };

  render() {
    const { icon, tooltip, onClick } = this.props
    return (
      <span className={styles.root} onMouseDown={onClick} title={tooltip}>
        <span className="material-icons">{icon}</span>
      </span>
    )
  }
}

together with

  static propTypes = {
    icon: React.PropTypes.string.isRequired,
    tooltip: React.PropTypes.string,
    onClick: React.PropTypes.func,
  };

[shilman]

Comment by MoOx
Wednesday Feb 01, 2017 at 10:38 GMT

---

https://github.com/styleguidist/react-styleguidist handle this using react-docgen. The problem is that for now it's limited to babel5 parser... Until this is fixed reactjs/react-docgen#125 / reactjs/react-docgen#137 (so this babel/babylon#278 / babel/babylon#277)

[ndelangen]

I think we should move this issue to:
https://github.com/storybooks/babel-plugin-react-docgen

[ndelangen]

Moved: storybookjs/babel-plugin-react-docgen#29