Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


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


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



    Become a Member to view code

    You must be a Pro 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
    orLog In




    Instructor: 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.

    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.

    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.