// BaconJS (store)

const nameBus = new Bacon.Bus()

​

const fullData = Bacon.combineTemplate({

  name: nameBus.toProperty("")

})

​

// Event handlers (actions)

​

const buttonChange = (e) => {

  nameBus.push(e.target.value)

}

​

// Function component (view)

​

const HelloWorld = (props) => 

  (<div>

    <h1>Hello {props.name}</h1>

    <input type="text" onChange={buttonChange} />

  </div>);

​

// Tie everything in a bow

​

fullData.onValue((data) => {

  ReactDOM.render(<HelloWorld {...data} />, document.body);

})

​

​