Software Alternatives, Accelerators & Startups
Table of contents
  1. Videos
  2. Social Mentions
  3. Comments

react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React - atlassian/react-beautiful-dnd.

react-beautiful-dnd Reviews and details

Screenshots and images

  • react-beautiful-dnd Landing page
    Landing page //
    2023-08-27

Badges

Promote react-beautiful-dnd. You can add any of these badges on your website.

SaaSHub badge
Show embed code

Videos

Build a beautiful, draggable kanban board with react-beautiful-dnd

react-beautiful-dnd: Behind the magic — Alex Reardon

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about react-beautiful-dnd and what they use it for.
  • Designed for Delight, Built for Performance
    This is about the https://github.com/atlassian/pragmatic-drag-and-drop ---- In the past, Atlassian products have not exactly been, eh, "designed for delight". I don't think I've ever met a single person who liked their software, rather than being forced to use them by some sadistic manager or top-heavy bureaucracy. I hope this design blog means they're trying to change that and move towards a more user-focused... - Source: Hacker News / 3 months ago
  • A feature-rich front-end drag-and-drop component library
    Yeah, I hope the migration is not going to be too painful because https://github.com/atlassian/react-beautiful-dnd is a key component in one of my important project. - Source: Hacker News / 5 months ago
  • The 5 Most Important Features on phived.com
    A huge win for the user experience using react-beautiful-dnd. - Source: dev.to / 7 months ago
  • Curious case of Drag and Drop
    React-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian. - Source: dev.to / 8 months ago
  • Free tools for frontend
    Drag-and-drop library for React with beautiful animations. Website - GitHub. - Source: dev.to / 12 months ago
  • Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good
    This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd. Source: about 1 year ago
  • Trying to create drag and drop functionality with React from plain JS code
    Https://github.com/react-dnd/react-dnd Https://github.com/atlassian/react-beautiful-dnd. Source: over 1 year ago
  • How do you implement drag-select using React-DnD?
    You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af. Source: over 1 year ago
  • Reorder List Items With Drag-n-Drop in React + DynamoDB App
    Let's implement a list reordering feature in a React app backed by a DynamoDB database using react-beautiful-dnd. Here I have my productivity app Increaser, where you can track daily habits for better sleep, mood or productivity. Recently some users asked for a drag-n-drop support to organize habit items by priority. - Source: dev.to / over 1 year ago
  • How do you implement drag select on a mui table or grid?
    I know that MUI pro offers datagrid tables which come with that feature out of the box. However if you want to do it without paying, I would suggest implementing react-beautiful-dnd. https://github.com/atlassian/react-beautiful-dnd. Source: over 1 year ago
  • Drag and Drop libraries
    React react-beautiful-dnd from Atlassian is amazing as well, and it's much more high level than dnd. Source: almost 2 years ago
  • Testing a component that uses React Beautiful DnD
    I am trying to write test for a component that uses react-beautiful-dnd with React Testing Library and Jest. Getting this error:. Source: almost 2 years ago
  • How to create a Drag and Drop quiz like this?
    If you are using react https://github.com/atlassian/react-beautiful-dnd. Source: almost 2 years ago
  • Please Roast My Resume As Hard As You Can - Entry Level Web Developer Resume
    "React-Beautiful-DnD" appears to be formally known as "react-beautiful-dnd";. Source: almost 2 years ago
  • Applications for the r/CollegeBasketball Userpoll are live!
    Also idk who is working it but I have used both of these in the past and they worked well for drag and drop I thought. React Dnd and React Beautiful Dnd. Source: almost 2 years ago
  • Building a beautiful Kanban board with Node.js, React and Websockets 🦄 ✨
    React Beautiful DND is a highly performant library that allows us to select and drag an item from its current position to another position on the page. - Source: dev.to / almost 2 years ago
  • Drag and drop in the React.js
    I recently had to look through the wild and decide which drag and drop library works best for our use-cases. After skimming through the APIs and the github pages of some of the popular libraries, I decided to explore and play around with react-dnd and react-beautiful-dnd. This post covers the contrast between the 2 really amazing libraries. - Source: dev.to / over 3 years ago
  • I Built a Full-Stack Blog Builder (beemy) - Self-Taught Developer Story
    React-dnd + react-beautiful-dnd - Used these for my drag-and-drop functionality for my blog builder (to drag articles to a blog builder component). I used to 2 drag and drop libraries because I wanted to cry after a day and a half of fiddling with react-dnd to try and create a sortable list. So I gave up and installed react-beautiful-dnd for my sortable list. If I were to do it again, I would opt for dnd-kit. It... Source: about 2 years ago
  • I built a wrapper to easily embed my PDF editor (SimplePDF) in any React app!
    I stand on the shoulders of giants, namely PDF-lib, PDF-js and React-beautiful-DND – everything else is pretty much custom code. Source: about 2 years ago
  • Building Training Plan builder: DnD & Autocomplete
    For Drag and Drop I used the component library beautiful-dnd. I was sold on the fact that it gives me the exact functionality I needed and it's headless. The library gives us three main elements. - Source: dev.to / about 2 years ago
  • Creating an app using Drag and Drop with React without libraries 👆!
    If you want something more elaborate and expand the functionality, you can opt for a third party package that I highly recommend, and that is react-beautiful-dnd, a very good and popular library. - Source: dev.to / about 2 years ago

Do you know an article comparing react-beautiful-dnd to other products?
Suggest a link to a post with product alternatives.

Suggest an article

react-beautiful-dnd discussion

Log in or Post with

This is an informative page about react-beautiful-dnd. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.