redux-simplified.js

import { Component, Children } from 'react'
import PropTypes from 'prop-types'

let _globalState = {}
let _listener = () => 0

export function setGlobalState (name, value) {
  _globalState[name] = value
  _listener()
}

export class GlobalStateProvider extends Component {
  static propTypes = {
    children: PropTypes.element.isRequired,
    initialGlobalState: PropTypes.object
  }

  static defaultProps = {
    initialGlobalState: {}
  }

  static childContextTypes = {
    globalState: PropTypes.object.isRequired
  }

  getChildContext () {
    return { globalState: this.state.globalState }
  }

  state = {
    globalState: _globalState
  }

  constructor (props) {
    super(props)

    _globalState = props.initialGlobalState
  }

  componentWillMount () {
    _listener = () => this.setState({globalState: _globalState})
  }

  render () {
    return Children.only(this.props.children)
  }
}