joshwnj/react-visibility-sensor

Evaluate IntersectionObserver support

Open

#56 opened on Dec 16, 2016

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (198 forks)batch import
enhancementhelp wanted

Repository metrics

Stars
 (2,300 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Suggested by @Andarist in https://github.com/joshwnj/react-visibility-sensor/pull/54#issuecomment-267279074

What would you say about implementing IntersectionObserver support? It could even be the default with scroll and interval being used only as a fallback settings. Its already implemented in 2 browsers.

https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

It would be cool to try this, and compare to the current approach. We can try the polyfill for browsers that don't support it yet:

https://github.com/WICG/IntersectionObserver/tree/gh-pages/polyfill

http://caniuse.com/#search=Intersection

Contributor guide

Research direction
Explore the IntersectionObserver API and its polyfill. Design a component that uses IntersectionObserver by default with fallback to scroll/interval. Test performance and compatibility.
Tech stack
javascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
ReactJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65