Redux glue

01_subscribe.js

import React from 'react';

// Higher order component taking care of subscribing
export default (Component) => class ReduxComponent extends React.Component {
  componentDidMount(){
    const { store } = this.context;
    
    this.unsubscribe = store.subscribe(() => this.forceUpdate());
  }
  componentWillUnmount(){
    this.unsubscribe();
  }
  render(){
    return (
      <Component {...this.props} />
    );
  }
}

02_component.js

import React from 'react';
import subscribe from './subscribe';

class EventChooserScreen extends React.Component {
  render(){
    return (
      <div>Events yo!</div>
    );
  }
}

// And here's how you use it:
export default subscribe(EventChooserScreen);