This project was bootstrapped with Create React App and showcases a demo to easily utilize the IntersectionObserver
API to lazy load images without doing work on the main thread.
To get started, simply run yarn start
and check out the demo in your browser (http://localhost:3000)!
- Using the
IntersectionObserver
in React. - Using the
src
attribute to reference the placeholder image when the page first loads and using thedata-src
attributes which reference the URL of the image to load when the element is in the viewport. - Polyfill for
IntersectionObserver
- A sick demo with sweet HD pics of IPAs.