Redux connect support

Hi,

I have a React/Redux app that I’d like to document. With redux, I use the connect() function.

But when I use it, react-docgen cannot find a valid component in my file.

This works:

const Contributors = React.createClass({...});
export default Contributors;

This does not:

const Contributors = React.createClass({...});
const mapStateToProps = (state) => {
  return { contributors: state.contributors }
}
export default connect(mapStateToProps)(Contributors);

I found a workaround by appending this to the end of file, but I don’t know if it will not break something later:

module.exports = Contributors;

[rtsao]

Yeah, actually I think this should be very doable.

export default hoc1(Component);

export default hoc1(arg1a, arg1b)(Component);

export default hoc2(arg2b, arg2b)(
  hoc1(arg1a, arg2a)(Component)
);

export default hoc3(arg3a, arg3b)(
  hoc2(arg2b, arg2b)(
    hoc1(arg1a, arg2a)(Component)
  )
);

// etc...

When I get a chance I’ll give it a go and submit a PR

[fkling]

@rtsao:

I’ve added support for single unary higher-order-components in my personal fork

That seems very reasonable to me, and I think it would even make sense to expand this to non-unary functions. The other arguments could be included in the output as well, as far as possible. Happy to review that PR 😃

@maximelebastard As an intermediate solution, if you can use the findAllComponentDefinitions resolver, which looks for all component definitions, not just the exported ones.