Course Introduction: Beautiful and Accessible Drag and Drop with react-beautiful-dnd

Alex Reardon
InstructorAlex Reardon
Share this video with your friends

Social Share Links

Send Tweet
Published 6 years ago
Updated 3 years ago

This is an introduction to the course and outlines what react-beautiful-dnd is, and what we will be building together with it

Instructor: [00:04] React Beautiful DND enables beautiful and accessible drag and drop experiences for lists with React. My name is Alex, and I'm the creator of React Beautiful DND. In this course, I will step you through creating a highly interactive task management application from scratch.

[00:20] You will be introduced to the building blocks of React Beautiful DND, and you will learn how you can use these building blocks to add powerful drag and drop experiences to your own projects. The task management application we will be building will support reordering of tasks, moving tasks between columns, conditional movement, and the reorder of columns.

[00:44] All of these features will work on desktop and mobile, as well as for users who want to drive the entire experience using only a keyboard and a screen reader.

Gar Liu
Gar Liu
~ 6 years ago

I have a large element that is scaled where I would like to drag the element in order view other parts of the element. Is there a way to prevent the draggable from snapping back to the original position?

Alex Reardon
Alex Reardoninstructor
~ 6 years ago

Best place for these sort of questions is the project repository: https://github.com/atlassian/react-beautiful-dnd

Markdown supported.
Become a member to join the discussionEnroll Today