react-pub-sub

import React from 'react'
import { render } from 'react-dom'
import reactPubSub from 'react-pub-sub'
 
const pubSub = reactPubSub({ React })
 
/** Create factories to link publishers and subscribers based on prop or state changes of the pub component. */
const { createPub, createSub } = pubSub({ propNames: [ 'active' ]
                                        , stateNames: [ 'checked' ]
                                        })
 
const Pub = createPub({ state: { checked: false }
                      , render() {
                          const { active } = this.props
                          const { checked } = this.state
                          return (
                            <span style={{ display: active ? 'block' : 'none' }}>
                              <input type="checkbox" id={checkbox.id} onChange={e => this.setState({ checked: e.target.checked })} checked={checked} />
                            </span>
                          )
                        }
                      }
 
const Sub = createSub({ render() { <span>Propagated: {JSON.stringify(this.state.pub)}</span> }})
 
render((
  <div>
    <h1>Pub: <Pub active={true} /></h1>
    <ul>
      <li><Sub /></li>
      <li><Sub /></li>
      <li><Sub /></li>
    </ul>
  </div>
), document.getElementById('root'))