Need advice about which tool to choose?Ask the StackShare community!

Griddle

8
15
+ 1
0
react-beautiful-dnd

49
77
+ 1
0
Add tool

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.

Griddle and react-beautiful-dnd can be categorized as "JavaScript Framework Components" tools.

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.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More

Sign up to add or upvote prosMake informed product decisions

Sign up to add or upvote consMake informed product decisions

What is Griddle?

Out of the box, Griddle has sorting, filtering, paging, infinite scrolling, sub-grids and more.

What is react-beautiful-dnd?

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.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Griddle?
What companies use react-beautiful-dnd?
See which teams inside your own company are using Griddle or react-beautiful-dnd.
Sign up for Private StackShareLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Griddle?
What tools integrate with react-beautiful-dnd?
What are some alternatives to Griddle and react-beautiful-dnd?
React Router
React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Angular CLI
A command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console.
Ant Design
An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.
Storybook
It is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
See all alternatives