atlassian / react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React

Home Page:https://react-beautiful-dnd.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Update: 3rd April 2024 β†’ "react-beautiful-dnd: where to from here?"

alexreardon opened this issue Β· comments

Hey all,

I am the author of react-beautiful-dnd πŸ‘‹. It feels really good to engage with this repo again after having poured a few years of my life into it.

I have an update to share with y'all about react-beautiful-dnd and Pragmatic drag and drop (a new drag and drop framework of ours)



Been following the journey on twitter, excited to see this released! Thanks for the amazing contributions!

React native support? And is there any benefits of going to Pragmatic with @atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration if react-beautiful-dnd is working out fine for us?

React native support?

No. Pragmatic drag and drop uses web platform drag and drop functionality, and will work for web browsers on iOS and Android. However, it does not call native code directly (eg UIKit drag and drop) and so is not an appropriate tool for react native.

is there any benefits of going to Pragmatic with @atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration if react-beautiful-dnd is working out fine for us?

  • The migration layer allows you to remove your dependency on react-beautiful-dnd (and on it's dependencies, such as redux and react-redux).
  • If you are migrating to Pragmatic drag and drop in other places, the migration layer can help make react-beautiful-dnd experiences feel more like Pragmatic drag and drop experiences - helping overall visual consistency
  • There are some nice performance benefits on offer.

All that said, if you are not interested in moving to Pragmatic drag and drop more fully in the longer term, then the migration layer is likely not the right option for you. The migration layer is more of a stepping stone to a full migration.

I hope that helps @masudhossain!

Will the migration work for NextJS?
(I have a wrapper to fix hydration issue).

If I want to fully migrate a simple dnd list how much time should it take?

Hi there,
Will there be a migration guide from react-beautiful-dnd to pragmatic-drag-and-drop ?
Thanks

Hi, thanks for this update. Is it totally impossible now to use any kind of drag animations in this new Pragmatic DND library? The blue line to show where the item will go is neat, but is insufficient for our use case. Would be great if you can provide an example that showcases similar animations to the ones that were present in react-beautiful-dnd.

I agree, the blue line and no animation feels like a terrible user experience. Decided to stay on this version until it's out.

All examples are down in the netlify website. Also pragmatic has also no examples, and I don't want the blue line.

Can't wait for it to work with Svelte. I tried to make it work with Svelte but couldn't make it work, it always displayed errors. Will there be a tutorial/documentation on how to do it?

Any estimation when will we have tutorial for manual migration that you have advised us for?

I've been happily using Framer Motion, because this is dead and the replacement is awful.