Summary

We looked at two very useful library components in this chapter—the draggable and droppable components. Draggables and droppables, as we saw, are very closely related and have been designed to be used with each other, allowing us to create advanced and highly-interactive interfaces.

We've covered a lot of material in this chapter, so let's recap on what we have learned. We saw that the draggable behavior can be added to any element on the page with zero configuration. There may be implementations where this is acceptable, but usually we'll want to use one or more of the component's extensive range of configurable options.

In the second part of this chapter, we saw that the droppables class allows us to easily define areas on the page that draggables can be dropped onto, and can react to things being dropped on them. We can also make use of a smaller range of configurable droppable options to implement more advanced droppable behavior.

Both components feature an effective event model...