Mixin for handling DOM events via React assignment style using Most

button.jsx

import React from 'react';

import ReactDOMMostify from 'react-dom-mostify';

let Button = React.createClass({
    
    mixins: [ReactDOMMostify],
    
    componentWillMount() {
        
        let clicks = this.mostifyEventHandler('_onClick');
        
        clicks.forEach(console.log.bind(console));
    },
    
    render() {
        
        return <button onClick={this._onClick}>Click!</button>;
    }
});

React.render(<Button />, document.body);

react-dom-mostify.es6

import most from 'most';

let ReactDOMMostify = {
    
    mostifyEventHandler (name) {
        
        let emitEvent, stream;

        emitEvent = () => undefined;
        this[name] = event => emitEvent(event);

        stream = most.create(add => emitEvent = add);
        stream.drain();

        return stream;
    }
};

export default ReactDOMMostify;