At Blackboard we developed yet another DnD library only because existing react solutions were not accessible - https://github.com/blackboard/react-dnd-ax . But unfortunately it is not quite "performant".
Since then I found another promising library which while not fully accessible, provides great deal of keyboard interaction (last time I checked it in February - library is under very active development) - https://github.com/atlassian/react-beautiful-dnd
We are still on a lookout for well performing solution for react, yet fully accessible..
Was your performance issue related to high frequency rerendering in react? If it's the case take a look at animated (https://github.com/animatedjs/animated). You can use it to update dom styles out of the react render loop.
Before I implemented this one the closest candidate for my app was react-beautiful-dnd but currently is does not support "copy" behavior which I need. react-beautiful-dnd relies on react-motion for animations and beside a bigger bundle size, to my experience css hardware accelerated transformations provides more performance. Try them under chrome 6x slowdown performance
I just implemented it in a Meteor site using React for the frontend, and it worked beautifully, smoothly, and with perfect React orthodoxy. I was seriously impressed.
Basically I checked both and many others before implementing this one. react-dnd provides and high level API(i.e no animations). react-sortable-hoc has some missing features that I needed. Especially moving things between containers. cheers!
Just tried it on mobile, and must say it works well. Moving stuff including scrolling feels fluent and natural. Nice work, will consider this if I need dnd in react in the future.
I only went through the demo but it worked really nicely from the user perspective in Chrome. I've only gone as far as to test other react dnd libraries in the same manner but I've never been as excited about them as this. I'll try to work it into something soon. Thanks.
23 comments
[ 552 ms ] story [ 2072 ms ] threadAt Blackboard we developed yet another DnD library only because existing react solutions were not accessible - https://github.com/blackboard/react-dnd-ax . But unfortunately it is not quite "performant".
Since then I found another promising library which while not fully accessible, provides great deal of keyboard interaction (last time I checked it in February - library is under very active development) - https://github.com/atlassian/react-beautiful-dnd
We are still on a lookout for well performing solution for react, yet fully accessible..
https://github.com/react-dnd/react-dnd
https://github.com/clauderic/react-sortable-hoc
It worked right off the bat for me while react-sortable-hoc did not.