pfgray / chainable-components Goto Github PK

I'd like to have direct replacements for or at least an explanation of how one would emulate every hoc from recompose, as that library is so prevalent

I took a cursory glance at the documentation and came up with this graph:

For the "handlers" hocs, I think it makes the most sense to just implement something like the useCallback hook, and then they are just different mappings/combinations of that chainable.

https://github.com/fantasyland/fantasy-land#prefixed-method-names

I just heard about this library on the react round up podcast.
It's awesome I really like what this library is doing.

I have one concern and that is the use of the ap method
ap from a functional programming perspective should have the type signature

ap :: F( A -> B ) -> F( A ) -> F( B )

So in a chainable component it should return a chainable

The ap defined in the library may make more sense being call renderWith

The applicative interface would also be an excellent addition to help combine two independant
Chainables

From:

const withTwoState = props => {
  return (
    <WithState initial={0}>
      {outer => (
        <WithState initial={42}>
          {inner => (
            props.children({inner, outer})
          )}
        </WithState>
      )
    </WithState>
  );
}

With Chain:

const withTwoState = 
  withState({initial: 0}).chain(outer => 
    withState({initial: 42}).map(inner => 
      ({inner, outer})
    )
  )

Using the the applicative interface you can tidy it up
With Ap:

Chainable.of( outer => inner => ({ outer, inner }))
  .ap(withState({initial: 0}))
  .ap(withState({initial: 42}))

Would it be possible for .Do to accept a generator function?