react-virtual
react-table
Our great sponsors
react-virtual | react-table | |
---|---|---|
4 | 4 | |
3,334 | 16,462 | |
- | - | |
8.9 | 7.2 | |
over 1 year ago | about 2 years 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-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!
react-table
-
16 Libraries You Should Know as a React Developer 💯🔥
5. react-table
-
How to prevent expanded React-Table row from collapsing on re-render?
I have a simple react-table with an expanded sub component whose data is tied to a Redux state object.
-
Why use `useTable` over `ReactTable` when using react-table
import ReactTable from 'react-table'...render() { return ( )} However, on their API Docs and examples, they all use useTable.
-
lodash debounce in React functional component not working
I have a functional component built around the React Table component that uses the Apollo GraphQL client for server-side pagination and searching. I am trying to implement debouncing for the searching so that only one query is executed against the server once the user stops typing with that value. I have tried the lodash debounce and awesome debounce promise solutions but still a query gets executed against the server for every character typed in the search field.
What are some alternatives?
react-virtualized - React components for efficiently rendering large lists and tabular data
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
primereact - The Most Complete React UI Component Library
virtual - 🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-hyper-scroller - Hyper-fast virtual lists for React apps and websites
mantine - A fully featured React components library
react-window - React components for efficiently rendering large lists and tabular data
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-charts - ⚛️ Simple, immersive & interactive charts for React
antd - An enterprise-class UI design language and React UI library