Integration with React.js about onscreen HOT 2 OPEN

The plugin fires the events when scrolling, that's probably why. I never tried to tie this up with React, but sounds like you should probably use lifecycle hooks if you want to do stuff when mounting / unmounting components.

from onscreen.

I've tried putting them in lifecycle hooks, no luck. The events fire every time after I resize the viewport window right after the event supposed to happen. So let's say for enter, after the target element enters the viewport, the callback wouldn't be executed until I resize the window while the element is still in viewport. Probably it's in how React treats (or rather, not treating) changes that happen outside of its virtual DOM. If that assumption is true however, I'm not sure of how to force it to be aware of the changes made by the library.

from onscreen.