npm:react-inview

Usage no npm install needed!

<script type="module">
  import reactInview from 'https://cdn.skypack.dev/react-inview';
</script>

README

Why react-inview?

Use the React Inview component to figure out when a DOM element is in user's view. It will call a Function passed to the onInview property. As it turns out, it's specific for DOM (shouldn't work for react-native). It requires two dependencies, jquery and jquery-inview plugin.

Demo

The React Inview component can be used for creating an infinite scroll layout.

infinite scroll

See the example for more details.

Usage

Install it using npm.

npm install --save react-inview

Simple usage example.

<Inview onInview={this.handleInview}>
  <span>I'm in your view</span>
</Inview>

Properties (`props`)

onInview A Function that is triggered when the children element is in view.