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 && (
                <span>
                  
                    
                  
                </span>
              )}
            
          
        )}
      
    );
  }
}

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);

react-in-viewport

Track React component in viewport using Intersection Observer API

MIT
Latest version published 3 months ago

Package Health Score

83 / 100
Full package analysis

Popular react-in-viewport functions