rscarvalho · March 14, 2017 11:21
diff --git a/App.jsx b/App.jsx
 const store = createStore();

 ReactDOM.mount(
  <Provider store={store}>
    <WindowWrapper>
      <GameCanvas />
    </WindowWrapper>
  </Provider>
 )
diff --git a/WindowWrapper.jsx b/WindowWrapper.jsx
 import { keyupAction } from './myactions';

 class WindowWrapper extends React.Component {
  componentDidMount() {
    const { store } = this.context;
    this.subscription = Rx.Observable.fromEvent(window, 'keyup')
      .filter(event => /* do your filtering here */ true)
      .subscribe(event => store.dispatch(keyupAction(event)));
  }
  
  componentWillMount() {
    this.subscription.unsubscribe();
  }
  
  render() {
    return React.Children.only(this.props.children);
  }
 }

 WindowWrapper.contextTypes = {
  store: React.PropTypes.object
 }
	import { keyupAction } from './myactions';

	class WindowWrapper extends React.Component {
	componentDidMount() {
	const { store } = this.context;
	this.subscription = Rx.Observable.fromEvent(window, 'keyup')
	.filter(event => /* do your filtering here */ true)
	.subscribe(event => store.dispatch(keyupAction(event)));
	}

	componentWillMount() {
	this.subscription.unsubscribe();
	}

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

	WindowWrapper.contextTypes = {
	store: React.PropTypes.object
	}