react-virtual
MPQChampApp
Our great sponsors
react-virtual | MPQChampApp | |
---|---|---|
4 | 3 | |
3,334 | 0 | |
- | - | |
8.9 | 0.0 | |
over 1 year ago | almost 3 years ago | |
TypeScript | JavaScript | |
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!
MPQChampApp
-
My March & April In Code
Hall of Champions: I modified this application but converting some independent application state to derived state with the help of an original-Redux-like implementation of useReducer, which resulted in potential savings of tens of thousands of unnecessary DOM elements per page. The performance improvements from this change were rendered somewhat moot by a refactor that replaced a select input with a number input, saving even more tens of thousands of unnecessary elements on the first paint. More below about my next steps for this app!
-
My February In Code
Making some UI improvements and updating the seed database to reflect changes in the source game for my RPG tracking app
-
How To Model Data for Full-Stack Applications
An entity in database terminology is a person, place, or thing. It will have some sort of identifier, a singular name, and will contain more than one instance of data. These attributes help us decide whether or not business logic should be a full-fledged entity. The application in question is a character tracker for the Marvel Puzzle Quest game (repo here), and I need two entities:
What are some alternatives?
react-virtualized - React components for efficiently rendering large lists and tabular data
react-table - 🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
virtual - 🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
react-hyper-scroller - Hyper-fast virtual lists for React apps and websites
react-window - React components for efficiently rendering large lists and tabular data
react-charts - ⚛️ Simple, immersive & interactive charts for React
react-fast-calendar - A fast and easy react calendar component that allows you to build highly customisable event calendars within minutes.
xen-orchestra - The global orchestration solution to manage and backup XCP-ng and XenServer.
React Lifecycle Visualizer - Real-time visualizer for React lifecycle methods
EasyScrollDots - Single page scroll JavaScript plugin that allows for vertical navigation of page sections
router - 🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.
OpenVZ Web Panel - OpenVZ Web Panel