Provide a component to wrap your react component and check if there are visible on the screen. You can use this component to trigger an entrance animation for instance!
- Don’t rely on findDOMNode. So it can be used with a stateless component.
- Transfer all the props to the wrapped component
- Visibility can be tracked only once
- Event listeners are implemented with throttle to avoid memory leaks or performance issues
yarn add react-on-screen
$ npm install react-on-screen
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/fkhadra/react-on-screen