redux-connect-example.js

const ToggleableVideo = connect({
    mapStateToProps: ({video}) => ({stream_id: video.my_stream_id}),
    mapDispatchToProps: (dispatch) => ({
        onStartStreaming() {
            dispatch({type: 'START_STREAMING'})
        },
    }),
    render: ({stream_id}) =>
        stream_id ? 
            <VideoStream stream_id={stream_id}/>
        :   <div className="btn btn-success">
                <i classNamename="fa fa-tv" style={{fontSize: 44}}/><br/>
                Start Streaming
            </div>
})

// The result is a normal connected react component:
<ToggleableVideo/>