Check If A React Component In The Viewport – react-on-screen

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!

Features:

  • 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

Installation:

# Yarn
yarn add react-on-screen

# NPM
$ npm install react-on-screen

Preview:

react-on-screen

Download Details:

Author: fkhadra

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/fkhadra/react-on-screen

License: MIT

You Might Be Interested In:

Add Comment