1×
Become a member
to unlock all features

Level Up!

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

Autoplay

    Persist List Reordering with react-beautiful-dnd using the onDragEnd Callback

    reactReact
    ^16.0.0

    In this lesson will demonstrate how you can persist changes locally that resulted from a drag and drop interaction.

    To accomplish this, you will implement the onDragEnd callback function that is invoked at the end of every react-beautiful-dnd drag and drop. This function receives a result object. We will use the source and destination properties of the result object to update the order of our task list