Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
alexreardon opened this issue Apr 3, 2024 · 11 comments
Open

Comments

@alexreardon
Copy link
Collaborator

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)



@Galkon
Copy link

Galkon commented Apr 3, 2024

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

@masudhossain
Copy link

masudhossain commented Apr 5, 2024

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?

@alexreardon
Copy link
Collaborator Author

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!

@ankit-sapkota
Copy link

ankit-sapkota commented Apr 30, 2024

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?

@ArthurGuez
Copy link

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

@kamyarkaviani
Copy link

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.

@masudhossain
Copy link

masudhossain commented May 14, 2024

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

@bernaferrari
Copy link

bernaferrari commented Jun 17, 2024

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

@elron
Copy link

elron commented Jul 1, 2024

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?

@NikolaMitic-Softelm
Copy link

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

@bernaferrari
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

9 participants