react-grid-layout
react-table
Our great sponsors
react-grid-layout | react-table | |
---|---|---|
18 | 4 | |
19,450 | 16,462 | |
1.7% | - | |
7.1 | 7.2 | |
8 days ago | about 2 years ago | |
JavaScript | 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-grid-layout
-
Essential tools for implementing React panel layouts
You can find additional information about the React-Grid-Layout in the repository and documentation.
-
Casca.Space: a Chrome extension for your focus and productivity
This is react-grid-layout with some custom logic https://github.com/react-grid-layout/react-grid-layout
-
Is there a library for grid-based drag-n-drop?
react-grid-layout looks like a good candidate, but it seems like it lacks a way to customize/add rules for positioning elements to prevent "stacks" of elements. Imagine a user models a brick wall and you want to prevent users from stacking bricks above each other (prevent bricks stack bond and allow something like running bond brick pattern)
-
I made a website builder that works like Notion
I was looking to build a somewhat similar project with react and react grid layout.
- Is there anything like react-grid-layour for RN?
-
Is there a way to create a drag and drop prototype for multiple components in figma?
Would it be possible to prototype something like this in figma? http://react-grid-layout.github.io/react-grid-layout/examples/0-showcase.html
-
25 React component libraries you just might need for your next project!
react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React.
- How to Build Resizeable Panels Like Tailwind
-
what should I use to build a map-builder?
A lot of projects seem to like: https://github.com/react-grid-layout/react-grid-layout
-
Dashboard builder
I’ve done that before using react grid layout (https://github.com/react-grid-layout/react-grid-layout) to allow for moving and resizing components, and then a lot of custom code. Having a well thought architecture makes a lot of difference there.
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?
golden-layout - A multi window layout manager for webapps
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
primereact - The Most Complete React UI Component Library
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-stack-grid
mantine - A fully featured React components library
muuri-react - The layout engine for React
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-masonry-component - A React.js component for using @desandro's Masonry
antd - An enterprise-class UI design language and React UI library