react-beautiful-dnd is now deprecated

[alexreardon]

Hey all,

We are taking the next step in saying thank you and goodbye to our friend react-beautiful-dnd.

• ⚠️ We have now deprecated react-beautiful-dnd on npm. You will now get console warnings when installing react-beautiful-dnd from npm.
• 🔒 On Apr 30, 2025 (six months from posting) we will archiving the react-beautiful-dnd Github repository (it will become read only)

Background

react-beautiful-dnd helped push the web forward. It championed a wonderful feeling drag and drop experience for all users. However, as I am sure most readers know, react-beautiful-dnd has it's shortcomings and limitations. A few years ago we made the hard decision to pivot our efforts into a different direction - building a new solution that was willing to let go of the physicality that react-beautiful-dnd provided in order to unlock improved performance, flexibility and accessibility: Pragmatic drag and drop. Pragmatic drag and drop makes different tradeoffs to react-beautiful-dnd - tradeoffs that made more sense for the challenges we were facing at scale.

🎧 Chat on SyntaxFM about our journey from react-beautiful-dnd to Pragmatic drag and drop

What options to you have?

If you are using react-beautiful-dnd today, you have many options on how to move forward, including:

• Forking react-beautiful-dnd and continuing to use it, or patching with patch-package
• Migrating to one of the forks of react-beautiful-dnd
• Migrating to another similar solution (eg dnd-kit)
• Manually migrating to Pragmatic drag and drop for a faster experience, but with more modest visual affordances. We have examples on how you can get going with various tech stacks and styling solutions.
• Automatically migrating to Pragmatic drag and drop using our react-beautiful-dnd → Pragmatic drag and drop migration package. Note: this package makes compromises to be a safe migration target, and a manual migration to Pragmatic drag and drop will yield the best results.

📺 A video about the options

Thank you

I've invested years of time and thinking into react-beautiful-dnd and it's been one of my greatest joys to see people use it and enjoy it. I learnt so much working on this project and the amazing conversations I've had with people about it. Thank you to everyone who has contributed, raised an issue, given feedback, and leveraged react-beautiful-dnd ❤️

Cheers

[buloychik-belitsoft]

Thanks for work!!!

[fengems]

Thanks for work!!!

[TotalChris]

Wanted to thank @alexreardon and Atlassian for all their hard work over the years on this project. I can't wait to try Pragmatic DND on some of my own projects!

A recommendation, if anyone is looking for a library that more closely matches the simplicity of this one, would be dnd-kit. My team and I chose them and were very pleased with the results.