fluorine-lib/src/decorators/connectActions.js

Reactive state and side effect management for React using a single stream of actions

import React, { Component } from 'react'
import wrapActions from '../util/wrapActions'

export default function connectActions(actions, prop = 'actions', wrapRecursively = true) {
  return Child => class Connector extends Component {
    static contextTypes = {
      observer: React.PropTypes.object
    }

    constructor(props, context = {}) {
      super(props, context)
      const { observer } = context
      this.actions = wrapActions(observer, actions, wrapRecursively)
    }

    render() {
      const { observer } = this.context

      return React.createElement(Child, {
        ...this.props,
        [prop]: this.actions,
        observer
      })
    }
  }
}