Connect decorator

[mehcode]

@goatslacker I like what you have here with connect. But I miss the decorator version we used to have.

I suggest something like this:

function connectToStores(component) {
  if (component.contextTypes == null) component.contextTypes = {}
  if (component.contextTypes.flux == null) {
    component.contextTypes.flux = React.PropTypes.object.isRequired
  }

  let storeNames = []
  if (component.getStores != null) storeNames = component.getStores()
  if (component.stores != null) storeNames = component.stores
  if (component.store) storeNames = [component.store]

  return connect(component, (stores, flux) => {
    return {
      listenTo() {
        return storeNames.map((name) => flux.stores[name])
      },

      getProps() {
        if (component.getPropsFromStores != null) {
          return component.getPropsFromStores.apply(this, arguments)
        }

        const props = {}
        for (const storeName of storeNames) {
          props[storeName] = flux.stores[storeName].getState()
        }

        return props
      },
    }
  })
}

However I'm unsure how you'd want to introduce this into the library. Let me know your thoughts.

[goatslacker]

I didn't like the static properties stuff we used to have because it's too easy to abuse the container component and make your component not reusable by tying the state logic inside.

Same goes for the decorator. Making a decorator version out of this though seems pretty easy with some currying.