bind callbacks to props about recompose

[acdlite]

I've been thinking more about this lately. mapPropsOnChange() is supposed to address this, but it's not clear from the documentation.

[acdlite]

I think we should rename mapPropsOnChange() so it's clearer what it actually does. Perhaps mapDependentProps()?

[istarkov]

Yes I use mapPropsOnChange for this,
look's like current version of mapPropsOnChange is my favorite HOC now :-)
(I almost finished independent of svg libs chart component http://recordit.co/xXaSy4WM2W using just recompose and functional components,
and mapPropsOnChange is super useful for such component)

About name, I like both :-)

[acdlite]

Another idea:

import { Component } from 'react'
import createElement from './createElement'
import createHelper from './createHelper'

const withAttachedProps = (createProps, BaseComponent) =>
  class extends Component {
    attachedProps = createProps(() => this.props)
    render() {
      return createElement(BaseComponent, {
        ...this.props,
        ...this.attachedProps
      })
    }
  }

export default createHelper(withAttachedProps, 'withAttachedProps')

createProps() is called once, and the returned object (this.attachedProps) never changes.

Example:

const IncrementButton = withAttachedProps(
  getProps => ({
    onClick: event => getProps().dispatch({ type: INCREMENT })
  }),
  'button'
)

[istarkov]

Yes it's better than mapPropsOnChange(['dispatch'], ...

[istarkov]

Thank You!!!!
#81