Mechanism to listen for all events

Is there already such a mechanism? If so, can I help document it?

If not, I’ll like to have a method or API that I could call to listen for all synthetic events. Something like…

React.Events.listenTo('*', function (event) { console.log(event) });

I’d like to be able to stopPropagation and preventDefault on those events, as well.

[nwwells]

Because I don’t want my event handling dependent on my rendering library. And business-as-usual sucks. Whatever happened to “rethinking best practices”?

[javierfernandes]

This is probably useless after 5 years, but I was just reading it because I also would love to be able to intercept all events, in my case to measure selectors recomputations/time on each event. Performance tracking lets say.

I was thinking that a way to do this if there’s still no API to intercept all events would be to use a custom JSX pragma function (https://babeljs.io/docs/en/babel-plugin-transform-react-jsx)

• intercept all React.createElement call
• wrap all values passed to well-known event attributes like onClick, onMouseOver etc. with a wrapper function to do whatever you want.

I haven’t tried it, but sounds like it should to the trick if you use JSX. Of course it has an overhead, in my case I can use it just for dev purpose. Sort of a cross-cutting concern.