virtual
react-cool-virtual
Our great sponsors
virtual | react-cool-virtual | |
---|---|---|
2 | 6 | |
5,028 | 1,204 | |
3.6% | - | |
8.4 | 4.3 | |
9 days 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.
virtual
-
Is Lazy Loading Necessary For This?
Another solution could be virtualization (but perhaps thatβs what you meant by lazy loading). Hereβs a great lib for that: https://github.com/TanStack/virtual
-
how is infinite scroll done nowadays?
Interesting question, although I don't know the definitive way it is handled nowadays. I think looking into the source code of the popular infinite-scroll packages might help like: react-window: https://github.com/bvaughn/react-window virtual: https://github.com/tanstack/virtual
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.
What are some alternatives?
react-virtual - π€ Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte [Moved to: https://github.com/TanStack/virtual]
react-cool-inview - π π₯οΈ React hook to monitor an element enters or leaves the viewport (or another element).
react-ui-scrollspy - Customizable Scroll Spy component for react which is Simple, Easy To Use and Lightweight with callback, typescript, auto-update URL hash and throttle support among others.
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.
reassure - Performance testing companion for React and React Native
react-virtuoso - The most powerful virtual list component for React
headless-d3 - Experiments using D3 as a headless chart library for reusable code across different frameworks
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!
icons - Effortless Icon Packs & Components for Svelte, React, Vue and more..
react-responsive-carousel - React.js Responsive Carousel (with Swipe)
Project-Mendacius - A GUI based virtualisation tool for running Linux on macOS Big Sur (x86 or arm64)
react-esi - React ESI: Blazing-fast Server-Side Rendering for React and Next.js