Refactor into a render prop <Tracking render/>

[tizmagik]

Hey @jaredpalmer would be happy to accept a PR to support the render prop pattern, however the existing HoC pattern would still need to be supported.

[eliseumds]

@jaredpalmer what kind of API do you have in mind? I've been discussing with workmates the following:

<Tracking
  action="click"
  label={event => event.currentTarget.textContent}
  onClick={() => console.log('Some custom optional callback')}
>
  {trackingProps => (
    <Button btnStyle="facebook" {...trackingProps}>
      Like us on Facebook!
    </Button>
  )}
</Tracking>

The trackingProps object would have the onClick callback, in this case, but it could be anything: onExpand, onClose, etc. Does it make sense?

[jaredpalmer]

What about tracking on mount?

[eliseumds]

The Tracking component takes care of it. It could also inject listeners into the document (scroll, online, deviceorientation), for ex.

[jaredpalmer]

This gets hard to type with flow/ts if you couple the naming of the handler to the event

[eliseumds]

It doesn't necessarily need to be named onClick. It could be callback, for ex.