Pragmatic drag and drop is already being used to power drag and drop for Trello boards. There is some sprinkling of other drag and drop interactions around Trello - which have moved, or are moving to, Pragmatic drag and drop.
I am one of the creators of Pragmatic drag and drop (and react-beautiful-dnd).
Thanks for the post @NeilSmith2048!
I have had a quick read over the comments on this thread, and here is some information that folks might find helpful:
- The web platform has powerful built in drag and drop functionality. Sadly though, that functionality has historically difficult to be successful with due to bugs, inconsistencies and API friction.
- Pragmatic drag and drop is low level wrapper around web platform drag and drop and is attempting to provide a fast, safe and (hopefully) easy way to successfully unlock the power of the web platform
- You can use Pragmatic drag and drop with any tech stack (svelte, vue, react, vanillajs etc) and you can use it to build _any_ drag and drop experience you like
- We have optimised Pragmatic drag and drop for performance and flexibility. It consists of a small core and lots of optional pieces. The big idea is that folks only ever need to include the code they need for their experience. Small pieces also allows folks to borrow as much as they can and only build the specific pieces they need for bespoke experiences. More details: https://www.youtube.com/watch?v=5SQkOyzZLHM
- We make it easy to attach data for external windows and applications, and to receive data from them (and you only pay code for that functionality if you want it!)
- Pragmatic drag and drop is already powering drag and drop in some of the biggest software products, including Trello, Jira and Confluence.
- We have design guidance and accessibility guidance and outputs which folks are welcome to use, or you can create your own design and accessibility solutions
- It works with multi drag. We already have multi drag in a few places in production, but we currently don't have public guidance or an example (work in progress!)
I am happy to answer questions folks might have. It's a public holiday here in Australia, so I might not be able to reply to things until tomorrow.
Thanks so much for all your hard work on both of these awesome libraries. react-beautiful-dnd (and @hello-pangea's fork) have been really nice to use. Excited to try pragmatic-drag-and-drop!
Really wonderful. I’m working on a ~relatively~ large web app and I just wrote drag and drop off as an option for form construction and report building, but this may put it back on the table. Thanks a lot!
I did notice some pretty intense issues using the examples on mobile. Is that just an issue with the examples, or is it something more foundational?
It would be great to grab some details. Probably easiest to track if you head over to the Github repo and raise an issue as we have a bug template which helps us gather the information we need to action things
I was initially pretty excited seeing this! It didn't last long though.
I found the documentation really hard to work through (no examples that don't require wading through hundreds of lines of JS/React, no API documentation?), and at the time I was looking, half the links were broken and the doc site was really, really slow.
The library says it works with any tech stack, but only lists JavaScript frameworks.
The reason we use SortableJS is because we don't have to rewrite the HTML manually as things get dragged around - from what I could glean, things like the placeholder drop line have to be added as part of your rendering template?
I am the author of `react-beautiful-dnd`, and I am happy to share about a new project we have released: Pragmatic drag and drop.
Pragmatic drag and drop is low level drag and drop framework for the web that is designed to enable fast drag and drop for any experience on any tech stack (react, svelte, vue) or just plain old vanilla javascript.
Sharing some ideas of mine on how we can safely evolve drag and drop in browsers to make it easier for engineers to work with, and more delightful for end users
