react-on-screen VS react-in-viewport

Compare react-on-screen vs react-in-viewport and see what are their differences.

react-on-screen

Check if a react component in the viewport (by fkhadra)
viewport React visibility lazy-loading Screen
Source Code
fkhadra.github.io
Suggest alternative
Edit details

react-in-viewport

Detect if React component is in viewport (by roderickhsiao)
intersection-observer React viewport Lazyload
Source Code
roderickhsiao.github.io
Suggest alternative
Edit details
SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
Our great sponsors
react-on-screen react-in-viewport
1 1
402 335
- -
0.0 4.7
over 1 year ago 7 months ago
JavaScript TypeScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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-on-screen

Posts with mentions or reviews of react-on-screen. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-02-17.

react-in-viewport

Posts with mentions or reviews of react-in-viewport. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-02-17.

What are some alternatives?

When comparing react-on-screen and react-in-viewport you can also consider the following projects:

react-visibility-sensor - Sensor component for React that notifies you when it goes in or out of the window viewport.

react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

react-lazy-load-image-component - React Component to lazy load images and components using a HOC to track window scroll position.

react-gallery-carousel - Carousel component 🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 💻 Live editor: https://yifanai.com/rgcd1

alpine-intersect-animate - An Alpine.js plugin to animate DOM once it shows up on the viewport

react-use-lazy-load-image - :sunrise: :zap: Add image lazy loading to your React app with ease

react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

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.

cable-shared-worker - ActionCable and AnyCable Shared Worker support

lazy-load-component-angular - Lazy load a component in Angular 12 without a router

react-on-screen vs react-visibility-sensor react-in-viewport vs react-intersection-observer react-on-screen vs react-lazy-load-image-component react-in-viewport vs react-visibility-sensor react-on-screen vs react-gallery-carousel react-in-viewport vs alpine-intersect-animate react-on-screen vs react-intersection-observer react-in-viewport vs react-use-lazy-load-image react-on-screen vs react-cool-inview react-in-viewport vs react-intersection-revealer react-on-screen vs cable-shared-worker react-in-viewport vs lazy-load-component-angular