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.

github alibaba / ice / tools / iceworks / renderer / src / components / Block / Block.jsx View on Github external
{block.repository && (

export default handleViewport(Block);
github rclone / rclone-webui-react / src / views / Explorer / FilesView / FileComponent.js View on Github external
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);


Track React component in viewport using Intersection Observer API

Latest version published 1 year ago

Package Health Score

59 / 100
Full package analysis

Popular react-in-viewport functions