naive global state in react

glued.js

import React, { Component } from 'react';

class State {
	constructor() {
		this.state = {};
		this.subscriptions = [];
	}

	subscribe(cb) {
		this.subscriptions.push(cb);
		return this.subscriptions.lastIndexOf(cb);
	}

	unsubscribe(handle) {
		delete this.subscriptions[handle];
	}

	setState(obj) {
		this.state =  Object.assign({}, this.state, obj);
		this.subscriptions.forEach(cb => {
			if(cb) {
				cb();
			}
		})
	}
}

const _state = new State();

const glue = Component => {
	  return class GluedState extends Component {
		constructor(props) {
			super(props);
			this.state = {
				state: {}
			}
		}

		componentDidMount() {
			this.handle = _state.subscribe(this.handleChange.bind(this));
		}

		componentWillUnmount() {
			_state.unsubscribe(this.handle);
		}

		handleChange() {
			this.setState({ state: _state.state });
		}

		render() {
      		return <Component {...this.props} state={this.state.state} setState={_state.setState.bind(_state)} />
    	}
  }
}

export {glue};