Autoplay

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

    Alex ReardonAlex Reardon

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

    reactReact
    ^16.0.0
    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    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.

    Discuss

    Discuss