15 Components & Libraries
Note This project is now currently maintained by @ameerthehacker, please reach out to him on any issues or help. react-lazyload Lazyload your Componen
React Component to lazy load images and other components/elements. Supports IntersectionObserver and includes a HOC to track window scroll position to improve performance.
lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster.
React Infinite A browser-ready efficient scrolling container based on UITableView. React Infinite 0.7.1 only supports React 0.14 and above. Please pin
React In Viewport Library to detect whether or not a component is in the viewport, using the Intersection Observer API npm install --save react-in-vie
React Lazy Load Component React Lazy Load is easy to use React component which helps you defer loading content in predictable way. It's fast, works in
React components for efficiently rendering large lists and tabular data. Check out the demo for some examples. Sponsors The following wonderful compan
React Lazy Load This project is created as part of below YouTube video.
React Simple Img Smart react lazy load image with IntersectionObserver API, Priority Hints and animations Features Speed up initial page loads by load
react-with-dynamic About Improved lazy loading in React with suspense and error boundary Demo Basic With Context How to Install First, install the lib
React Pics Tiny (2.3kB) React component for image lazy loading Demo Table of Contents React Pics Table of Contents Installation Usage Basic With a pla
react-infinite-grid react infinite grid is a React component which renders a grid of React elements. It's different because it only renders the elemen
react-gl-transition-image 🎨 Lazy load & transition your React images with some WebGL glsl niceness 🎉 . Easy to use, offers 8 different transitions o
ARCHIVED REPO. Deprecated in favor of react-async-hook which permit the same thing with a better hooks-based api, with useAsyncCallback. React Nested
概念 懒加载其实就是延时加载，即当对象需要用到的时候再去加载。 必要性 一、用户流失率（用户体验） 以APP为例，研究发现如果的APP打开的响应速度超过5s，用户大概率会离开这个APP，意味着如果你的竞争对手比你快一秒或者2秒，你的客户就会离你远去了。 二、耗费带宽资源 试想一下一个电商商城类型的网