React-Event-Mixin

Event binding cross browser for reactjs

Getting Started

Install via npm

   npm i react-event-mixin --save-dev

Usage

var EventMixin = require('react-event-mixin')

React.createClass({ 
  mixins: [EventMixin],

  componentWillMount: function() {
    this.addEvent(window, 'resize', this.handleResize);
  },

  componentWillUnmount: function() {
    this.removeEvent(window, 'resize', this.handleResize);
  },

  handleResize: function() {
    // Do resize 
  }

})

API

addEvent Detect an event for DOM element e.g. window or any DOM element

  addEvent: function (el, event, handler)

removeEvent Undetect an event for DOM element e.g. window or any DOM element

  removeEvent: function (el, event, handler)

License

MIT