React Drag And Drop Plugin Suggestion

I'm working on with a working model like this: So here, the left side is a simple list which containse list items. 1. This is not droppable, draggable only 2. After drag, t

Solution 1:

Here I created for you a small example that tries to replicate the drag in a placeholder behavior from the link you shared above.

Keep in mind that you have total freedom to create how many droppable targets as you want and make them accept different types of items, based on what you specify in accept array of useDrop hook.

I hope it helps.

Solution 2:

React DND is the most popular library. However, it is not impossible to implement your own. Please, have a look on this answer.

Solution 3:

I'm not sure about the placeholder suggestion bit but Dragula JS is a quite easy library to use for drag and drop features. You can check it on github and see the demos there too.

https://github.com/bevacqua/dragula

Demo page - https://bevacqua.github.io/dragula

Hope this helps.