react-cool-virtual
react-cool-inview
react-cool-virtual | react-cool-inview | |
---|---|---|
6 | 1 | |
1,204 | 1,462 | |
- | - | |
4.3 | 3.9 | |
9 months ago | 9 months ago | |
TypeScript | 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-cool-virtual
-
Does a chat application require windowing to prevent performance issue ?
https://github.com/wellyshen/react-cool-virtual π https://github.com/clauderic/react-tiny-virtual-list
-
β¨ Introducing react-cool-virtual: A tiny React hook for rendering large datasets like a breeze
React Cool Virtual has a flexible API design, it can cover many use cases that you need. Let's see how does it rock!
-
β¨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment)
u/el_notso_diabolo Just add the stick to the bottom and [pre-pending items](https://github.com/wellyshen/react-cool-virtual#pre-pending-items) examples, they might help.
react-cool-inview
-
React Hooks for infinite scroll: An advanced tutorial
As the purpose of this article is infinite loading, weβre not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.
What are some alternatives?
Glide Data Grid - π Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react-virtuoso - The most powerful virtual list component for React
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
react-tiny-virtual-list - A tiny but mighty 3kb list virtualization library, with zero dependencies πͺ Supports variable heights/widths, sticky items, scrolling to index, and more!
svelte-inview - A Svelte action that monitors an element enters or leaves the viewport.π₯
react-responsive-carousel - React.js Responsive Carousel (with Swipe)
use-local-storage-state - React hook that persists data in localStorage
react-esi - React ESI: Blazing-fast Server-Side Rendering for React and Next.js
animate-css-grid - Painless transitions for CSS Grid
react-native-bidirectional-infinite-scroll - π React Native - Bidirectional Infinite Smooth Scroll
useInfiniteLoading - An infinite loading hook example for React applications