virtual
react-virtual
Our great sponsors
virtual | react-virtual | |
---|---|---|
2 | 4 | |
5,038 | 3,334 | |
3.8% | - | |
8.4 | 8.9 | |
8 days ago | over 1 year 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-virtual
-
React Hyper Scroller v3 released!
One thing to keep in mind is that React Hyper Scroller may not be the best for all use-cases. If it doesn't work for you, there are very cool alternatives like react-window, react-virtualized or react-virtual.
-
🚀10 Trending projects on GitHub for web developers - 19th November 2021
Enjoy this library? Try the entire TanStack! React Query, React Table, React Charts, React Virtual
-
I made Graphire, a hook-based React library to visualize huge networks of nodes and links in an unopinionated way.
"Unopiniated" is right, it means "this library doesn't force you to use it in a particular way", while headless is more specific to UI. I've actually seen it being used by some of the more popular libraries like react-table, react-virtual, and headlessui.
-
My March & April In Code
While trying to figure out how to implement a dynamic grid in react-virtual, I noticed an omission/clarification in the docs regarding one of the useVirtual properties, so that was an easy win PR!
What are some alternatives?
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.
react-virtualized - React components for efficiently rendering large lists and tabular data
headless-d3 - Experiments using D3 as a headless chart library for reusable code across different frameworks
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
reassure - Performance testing companion for React and React Native
react-hyper-scroller - Hyper-fast virtual lists for React apps and websites
Project-Mendacius - A GUI based virtualisation tool for running Linux on macOS Big Sur (x86 or arm64)
react-window - React components for efficiently rendering large lists and tabular data
icons - Effortless Icon Packs & Components for Svelte, React, Vue and more..
react-charts - ⚛️ Simple, immersive & interactive charts for React
React horizontal scrolling menu - Horizontal scrolling menu component for React.
react-fast-calendar - A fast and easy react calendar component that allows you to build highly customisable event calendars within minutes.