react-table
react-beautiful-dnd
Our great sponsors
react-table | react-beautiful-dnd | |
---|---|---|
4 | 69 | |
16,462 | 32,363 | |
- | 1.1% | |
7.2 | 0.6 | |
about 2 years ago | 2 days ago | |
TypeScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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-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.
react-beautiful-dnd
-
Use React.js with Laravel. Build a Tasklist app
For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.
-
The 5 Most Important Features on phived.com
A huge win for the user experience using react-beautiful-dnd.
-
Curious case of Drag and Drop
react-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian.
- How can we create drag and drop like bento.me in react js ?
-
Free tools for frontend
Drag-and-drop library for React with beautiful animations. Website - GitHub
-
Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good
This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd
-
I made a website builder that works like Notion
Not sure if OP used these but here are few suggestions: For drag drop: https://www.npmjs.com/package/react-beautiful-dnd For resizing with handles: https://www.npmjs.com/package/react-resizable
-
Trying to create drag and drop functionality with React from plain JS code
https://github.com/react-dnd/react-dnd https://github.com/atlassian/react-beautiful-dnd
-
How do you implement drag-select using React-DnD?
You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af.
-
How to Drag and Drop in React
Building a good D&D library, especially one that is accessible, is difficult. Keep that in mind if you decide to roll your own D&D or any other UI component for that matter.
What are some alternatives?
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-dnd - Drag and Drop for React
primereact - The Most Complete React UI Component Library
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-dropzone - Simple HTML5 drag-drop zone with React.js.
mantine - A fully featured React components library
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
nested-dnd - Proof of concept for doing a nested drag and drop in React
antd - An enterprise-class UI design language and React UI library
react-draggable - React draggable component