masonic
virtual
masonic | virtual | |
---|---|---|
1 | 2 | |
651 | 5,107 | |
- | 2.9% | |
4.2 | 8.4 | |
25 days ago | 6 days 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.
masonic
-
How do achieve Masonry Layout these days?
I wonder how you achieve Masonry Layout with React these days. I found masonic to be a good option, but with the ease of making these layouts with pure CSS, I wonder if a library is still the best option of it all.
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
What are some alternatives?
ngx-masonry - Angular Module for displaying a feed of items in a masonry layout
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-infinite-scroll-hook - React hook for creating infinite scroll components.
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-plock - The 1kB Masonry Grid for React.
headless-d3 - Experiments using D3 as a headless chart library for reusable code across different frameworks
react-recycled-scrolling - Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks
reassure - Performance testing companion for React and React Native
react-winbox - The newest React component for WinBox.js. A window manager for React.
Project-Mendacius - A GUI based virtualisation tool for running Linux on macOS Big Sur (x86 or arm64)
virtua - A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
icons - Effortless Icon Packs & Components for Svelte, React, Vue and more..