{"repo":"researchgate/react-intersection-observer","free":true,"listed":false,"github":"https://github.com/researchgate/react-intersection-observer","clone":"git clone https://github.com/researchgate/react-intersection-observer.git","description":"React component for the Intersection <Observer /> API","language":"JavaScript","stars":1161,"topics":["react","intersection-observer","viewport","impressions","scrolling"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"Bring ReactIntersectionObserver over today, your React children will love it! React Intersection Observer is a React component, acting as a wrapper for the IntersectionObserver API . It is fully declarative and takes care of all the imperative parts for you. React Intersection Observer is good at: - reusing instances : comparing the passed options - performance : chooses smartly when to re-render and when to re-observe - being unopinionated : how to handle visibility changes is left entirely up to the developer - being intuitive : looks like the Native API Table of Contents - Getting started - What does IntersectionObserver do? - Why use this component? - No bookkeeping - No extra markup - Easy to adopt - Documentation - Demos - Recipes - Missing DOM nodes when observing - Options - Notes - Polyfill - Caveats - IntersectionObserver 's Browser Support - Out of the box - Using polyfill - Contributing --- Getting started :warning: Please make sure you have the minimum node version installed (as defined in the package.json) Otherwise you run into this build error: The engine \"node\" is incompatible with this module. Expected version \" =10.18.1\". Got \"10.15.3\" Usage Optionally add the polyfill and make sure it's required on your dependendencies for unsupporting browsers: What does IntersectionObserver do? IntersectionObservers calculate how much of a target element overlaps (or \"intersects with\") the visible portion of a page, also known as the browser's \"viewport\": Dan Callahan&nb","default_branch":null,"files":null,"tree":[],"storefront":"/r/researchgate","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/researchgate/react-intersection-observer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}