AIR-FRAME / events.js

ReactJS trigger events from one component to another components

Trigger event from one component and recieve at one or more components

Ultra-light code, ~400 bytes and 15 lines of code

Subscribing to the events

Events.bind('eventname', myFunction);

Triggering the subscribed events

Events.trigger('eventname');

ReactJS EXAMPLE

TRIGGER FROM COMPONENT A

import Events from './events.js';

<Button onClick={ () => Events.trigger('PROJECTCHANGED') }>Project "Apple & Oranges"</Button>

RECEIVED AT COMPONENT B

import Events from './events.js';

componentDidMount = () => {
   Events.bind('PROJECTCHANGED', this.doSomething);
};

RECEIVED AT COMPONENT C

import Events from './events.js';

componentDidMount = () => {
   Events.bind('PROJECTCHANGED', this.doSomethingElse);
};