Exploring redux alternatives

redux_simplification_1.js

import React, { PropTypes } from 'react';
import ReactDOM from 'react-dom';
import { Observable, Subject } from 'rxjs/Rx';

const stateEmitter = new Subject();

const state$ = Observable.from(stateEmitter);

const sendEvent = (data) => () => {
  stateEmitter.next({
    name: data
  });
};

const Planner = (props) => {
  const { name } = props;
  return (
    <section>
      <h1>{name}</h1>
      <button onClick={sendEvent('Fred')}>Fred</button>
      <button onClick={sendEvent('Harry')}>Harry</button>
      <button onClick={sendEvent('Mary')}>Mary</button>
    </section>
  );
};

Planner.propTypes = {
  name: PropTypes.string
};

export default function bootstrap(id) {
  const container = document.getElementById(id);

  state$.subscribe((state) => {
    ReactDOM.render(<Planner {...state} />, container);
  });

  stateEmitter.next({
    name: 'Fred'
  });
}