react-inview

    0.0.8 • Public • Published

    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.

    License

    MIT © Rafael Xavier de Souza

    Install

    npm i react-inview

    DownloadsWeekly Downloads

    12

    Version

    0.0.8

    License

    MIT

    Last publish

    Collaborators

    • rxaviers