Using React Draggable for dragging list items.

[ashu12chi]

trafficstars

Hi,

I want to use react-draggable in my project for dragging list items, from one list to another list and also within a list. For this use case, react-beautiful-dnd provides an easy to use API. The issue is I am already using react-draggable in my project where I freely dragging a Modal on the screen, due to this I do not want to add one more drag and drop related library in my project. I find one blog which uses react-draggable for dragging list items within a list: https://www.copycat.dev/blog/react-draggable/ But this is not handling the automatic repositioning of list items like react-beautiful-dnd handles (ref: https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)

Is there any recommended way which I can use to build list item dragging use case using react-draggable?