Griddle vs react-beautiful-dnd: What are the differences?
What is Griddle? A ReactJS Grid Component with infinite scroll, customization, and more. Out of the box, Griddle has sorting, filtering, paging, infinite scrolling, sub-grids and more.
What is react-beautiful-dnd? Beautiful and accessible drag and drop for lists with React (by Atlassian). There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly inconsistent html5 drag and drop feature. react-beautiful-dnd is a higher level abstraction specifically built for vertical and horizontal lists. Within that subset of functionality react-beautiful-dnd offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by react-dnd.
Some of the features offered by Griddle are:
- Custom Formatting
- Infinite Scrolling
- Custom Styling
On the other hand, react-beautiful-dnd provides the following key features:
- Beautiful, natural movement of items
- Clean and powerful api which is simple to get started with
- Plays extremely well with standard browser interactions
Griddle and react-beautiful-dnd are both open source tools. It seems that react-beautiful-dnd with 15.2K GitHub stars and 831 forks on GitHub has more adoption than Griddle with 2 GitHub stars and 1 GitHub forks.