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 theonInview
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.See the example for more details.
Usage
Install it usingnpm
.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.