React Subject Handler

by omerts

HTML

<script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-beta.4/dist/global/Rx.umd.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js"></script>
<div id='app'>
Will render into here
</div>

Babel + JSX

const state = new Rx.Subject()
							.debounceTime(1000)
							.scan((acc) => {
              	return ++acc
              }, 0).do(::console.log)
							

const handler = (e) => {      	
 	state.next(e)
}

state.startWith(0).subscribe((clicks) => {
	ReactDOM.render(<button onClick={handler}>Clicked {clicks}</button>, document.querySelector('#app')) 
})