How to use react-in-viewport - 2 common examples
To help you get started, we’ve selected a few react-in-viewport examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
alibaba / ice / tools / iceworks / renderer / src / components / Block / Block.jsx View on Github 
{block.repository && (
<span>
</span>
)}
)}
);
}
}
export default handleViewport(Block);canCopy: PropTypes.bool.isRequired,
/**
* Boolean value to represent if loading media files is enabled by the user.
*/
loadImages: PropTypes.bool.isRequired,
/**
* Boolean value to represent if the current remote is bucketbased, the url of a bucket based remote is different.
*/
isBucketBased: PropTypes.bool.isRequired
};
/**
* Handles view port to check if the current item is visible on the screen.
*/
const MyViewPort = handleViewport(FileComponent, {rootMargin: '-1.0px'});
export default DragSource(ItemTypes.FILECOMPONENT, fileComponentSource, collect)(MyViewPort);react-in-viewport
Track React component in viewport using Intersection Observer API
