description react-beautiful-dnd Overview
Built specifically around lists, react-beautiful-dnd adds drag-and-drop interactions to React applications. It supports reordering items within a list and moving them between lists, making it relevant to interfaces such as task boards. Accessibility is part of its design, including keyboard interaction and screen-reader support, rather than treating pointer dragging as the only way to manipulate content. Its attention to movement and rendering behavior helped developers build responsive list interactions without designing every detail themselves.
However, the project is now deprecated and its repository is archived, an important distinction for anyone assessing it for new work. It remains relevant when understanding or maintaining applications that already depend on it. The official repository documents both its features and maintenance status.
help react-beautiful-dnd FAQ
Who created react-beautiful-dnd?
react-beautiful-dnd was created by Atlassian, with Alex Reardon as its lead maintainer and public face. It became one of the most popular drag-and-drop libraries in the React ecosystem during the late 2010s.
Is react-beautiful-dnd still maintained?
Atlassian officially deprecated react-beautiful-dnd and recommended migrating to alternatives, with development effectively winding down in the early 2020s. The library has known compatibility issues with React 18's StrictMode that are not being fixed.
What is the recommended replacement for react-beautiful-dnd?
The most commonly recommended replacement is dnd-kit, a modern, modular, and React 18-friendly alternative. Other options include react-dnd for more low-level control and native HTML5 drag-and-drop APIs.
Does react-beautiful-dnd support virtual lists and tables?
react-beautiful-dnd supports vertical lists, horizontal lists, and grids out of the box, but virtualization requires extra workarounds and is not natively supported. This was one of the limitations that drove teams to migrate to dnd-kit.
explore Explore More
Reviews & Comments
Write a Review
Be the first to review
Share your thoughts with the community and help others make better decisions.
