react-use-lazy-load-image
react-in-viewport
react-use-lazy-load-image | react-in-viewport | |
---|---|---|
2 | 1 | |
14 | 337 | |
- | - | |
0.0 | 5.9 | |
over 1 year ago | 13 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-use-lazy-load-image
-
5 Awesome React Hooks ⚛️
React use lazy load image uses the Intersection Observer API to provide a performant solution to lazy loading images, it a super lightweight so won't add any extra bulk to your app, and its very simple to use:
-
What are your favorite custom hooks?
useLazyLoadImage
react-in-viewport
-
Is an HTML element in the viewport? with React hooks
React in Viewport
What are some alternatives?
use-onclickoutside - React hook for listening for clicks outside of an element.
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react-script-hook - React hook to dynamically load an external script and know when its loaded
react-visibility-sensor - Sensor component for React that notifies you when it goes in or out of the window viewport.
react-hookedup - :alien: A collection of useful React hooks
alpine-intersect-animate - An Alpine.js plugin to animate DOM once it shows up on the viewport
use-autocomplete - React use-autocomplete hook for autocomplete components
react-intersection-revealer - An easy-to-use React hook that tells you whether a component/element is visible on the viewport currently, and if yes, how much of it is visible.
use-overflow - A React Hook that allows you to detect X and Y overflow
react-on-screen - Check if a react component in the viewport
react-screentype-hook - React hook to get screen type(mobile, tablet, desktop, largeDesktop)
lazy-load-component-angular - Lazy load a component in Angular 12 without a router