react-observer-component

1.0.6 • Public • Published 4 years ago

React intersection Observer

React custom hook that uses the Intersection observer API.

Getting started

npm install react-observer-component

Usage

import React from 'react';
import useObserver from 'react-observer-component';

const MyComponent = () => {
    const [isInView, ref] = useObserver();

    return (
        <div ref={ref}>
            {isInView && <p>Only shows when is in viewport!</p>}
        </div>
    );
};