Add displayName to composers

[zvictor]

Problem

I can't define the display-name of the middle container in some cases, having to stick with a MyContainer -> Container(MyComponent) -> MyComponent pattern.

Solution

Inspired by react-komposer-plus, the goal is to be able to define the display-name in the composers, as seen here. The pattern would then become MyContainer -> withRedux(MyComponent) -> MyComponent.

[arunoda]

And I think this even possible:

Container = compose(...)
Container.displayName = 'something';

Are we trying to something else here?

[zvictor]

It works well for components and containers, not for composers.

The following works:

Component = ...
Container.displayName = 'something';

Container = compose(myFn)(Component)
Container.displayName = 'something';

The following doesn't:

Component = ...

WithRedux = compose(myFn)
WithRedux.displayName = 'something'; // useless

WithTracker = compose(myFn)
WithTracker.displayName = 'something'; // useless

Composer = merge(
  WithRedux,
  WithTracker
)
Composer.displayName = 'something'; // useless

Container = Composer(Component)

When using merge an extra container is created with the name forced to be Container(...)

[arunoda]

But you could do this:

const Container = merge(
  WithRedux,
  WithTracker
)(Component);

Container.displayName = 'something';

[zvictor]

Yes, I could. As I said, it works well for components and containers, not for composers. This PR is about composers, not containers.

In your example there will be a something -> Container(InnerComponent) -> Component structure. I am not worried about the something occurrence, but the Container(InnerComponent).

[arunoda]

Okay. I am good to take this. Could you add this feature to the README as well? So, I could merge and this and do a release.