react-beautiful-tree
dnd
| react-beautiful-tree | dnd | |
|---|---|---|
| 1 | 7 | |
| 33 | 1,603 | |
| - | 10.4% | |
| 0.0 | 8.8 | |
| almost 2 years ago | 3 days ago | |
| TypeScript | TypeScript | |
| Apache License 2.0 | 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-beautiful-tree
dnd
-
Janky drag & drop animation using hello-pangea/dnd package (app dir)
I raised an issue on the dnd package here, but curious to see if anyone had the same issue: https://github.com/hello-pangea/dnd/issues/696
-
Which library is good for drag and drop functionality?
I tried dndkit recently but ended up liking https://github.com/hello-pangea/dnd waaaayyyy more. It's the active repo for beautiful-dnd which was made by atlassian and still used in their products.
- Drag and Drop for React 18
-
What's up with rfd!?
@react-forked/dnd found a new home and has moved to a new organization. You should install @hello-pangea/dnd instead if you want new features and bug fixes.
-
Dnd-kit
Word of warning : that library doesn't work with react 18 strict mode, and it doesn't seem like a fix is coming anytime soon because as I understand it it's not actively maintained anymore. A fork is in the works but as of now still no strict mode support.
-
rbd is dead, long life rfd!
TL;DR react-beautiful-dnd a.k.a. rbd isn’t actively maintained anymore. I’ve decided to fork the project to give it a second life. It’s called @react-forked/dnd or rfd. Try it!
-
https://dndkit.com – A lightweight, performant, accessible and extensible drag & drop toolkit for React
There's a new forked version now to pick up where Atlassisan left off: https://github.com/react-forked/dnd
What are some alternatives?
react-dnd-treeview - A draggable / droppable React-based treeview component. You can use render props to create each node freely.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-complex-tree - Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-movable - 🔀 Drag and drop for your React lists and tables. Accessible. Tiny.
react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
react-drag-sizing - "Drag to resize" (sizing) as React Component.
rc-dock - Dock Layout for React Component
character-overlay - Web App for adding an OBS overlay with character information such as name, picture, and health for your favorite role-playing game.
obr_tracker - Combat tracker browser extension for Owlbear Rodeo VTT map.
knex-tree - Query hierarchical data structures in sql with knex
rpg-quick-encounter - RPG quick encounter is an online tool to help you get up and running with your next encounter in moments.