thebuilder/react-intersection-observer

• hilongjw/vue-lazyload

  hilongjw/vue-lazyload

  8,006Auf GitHub ansehen↗

  vue-lazyload is a Vue.js image lazy loading plugin and frontend asset optimizer. It serves as a viewport visibility observer that defers the loading of images and components until they enter the browser viewport to reduce initial page load times. The project functions as a progressive image loader by managing image placeholders and implementing dynamic source switching. It uses a browser API to monitor when elements enter the viewport, avoiding expensive scroll event listeners to maintain performance. The plugin provides capabilities for image loading state tracking, including custom placeho

  JavaScriptlazyloadvuevue-lazyload

  Auf GitHub ansehen↗8,006
• camwiegert/in-view

  camwiegert/in-view

  4,611Auf GitHub ansehen↗

  in-view is a DOM visibility detector and intersection observer wrapper. It serves as a viewport transition handler that triggers callbacks and events when specific screen elements enter or exit the browser window. The library provides a system for configuring visibility criteria using pixel offsets, percentages, or custom test functions. It includes utilities for observing visibility changes, performing manual visibility evaluations, and checking the current status of an element within the visible area. These capabilities support application patterns such as lazy loading, infinite scrolling,

  JavaScriptjavascriptutilityviewport

  Auf GitHub ansehen↗4,611
• brigade/react-waypoint

  brigade/react-waypoint

  4,047Auf GitHub ansehen↗

  react-waypoint is a set of React components and wrappers designed to execute callbacks when specific DOM elements enter or exit the visible screen area. It functions as a viewport visibility tracker that monitors when elements cross predefined spatial boundaries. The project provides a scroll trigger component and event wrapper that allow for custom offset configurations to account for fixed UI elements. These tools can be configured to use a specific DOM node or the global window as the scrollable ancestor for visibility calculations. The library covers several implementation patterns, incl

  JavaScript

  Auf GitHub ansehen↗4,047
• twobin/react-lazyload

  twobin/react-lazyload

  5,904Auf GitHub ansehen↗

  react-lazyload is a React component and viewport visibility wrapper designed to minimize resource consumption by deferring the display of off-screen UI elements. It functions as a frontend performance optimizer that delays the rendering of images or components until they enter the browser viewport. The library prevents layout shifts by allowing the definition of placeholder dimensions, maintaining page stability while content loads lazily. It manages the transition from these placeholders to actual content using internal state and optional animations. The system provides mechanisms for viewp

  JavaScriptlazyloadreact

  Auf GitHub ansehen↗5,904

Frequently asked questions