Drag and drop in react was a lot easier than I thought

imagine that when drop widget tothe left create different categories that group the widget. So also the category component is a drop target. It is possible the category (drop target)be also a draggable item so you can merge two categories?

How can we store this new arrangement in a database so it persists?

but how do you persist this?

Enjoyed this video. Apparently, I'm working on a client project where I'm building a module very similar to DocuSign. I'll be dragging different fields onto the document and assigning users to each field to fill out/sign.

Could someone help me out with making it functional with touchEvents instead of dragEvents?

Hi that is really cool and I do currently have need for a drag and drop implementation.
Wanted to ask if you could attach a link to the documentation for this.
Hoping to hear from you soon. Thanks

That was so cool. And Im actually going to use for a professional use case. Need to build something to match pictures with words.

nice idea with using the state and just appending elements. However, the usecase for this is very limited. If the position (order) matters in which I would drag my element in, it would obviously not work.

That was suprisingly easy thanks a lot and easy to build upon

this is amazing, i thought i would need to use some lib todo that but with knowing these events its actually pretty easy todo it on you own

you made it look so easy great work!

clean and helpfull thank you

Wow, thanks a ton for this splendid tutorial! I didn't think this could be implemented using such exquisitely clean code, and thought that it might end up as equally annoying as if otherwise built via vanilla JavaScript and real DOM manipulation. Absolutely appreciate how elegant this is.

Easier than I expected, thanks! Subscribed

the issue is that it is not working with mui icons

So much easier to understand. Thank you. You saved me the trouble of going with react-dnd or dnd-kit which are very sophisticated, but overkill. As long as we don't need mobile or too much cross browser compatibility ( for example, internal websites), this is more than enough.

Hi I just want to ask, how about free drag, could you make a video about it ?

Nice tutorial, well explained, although this implementation, which the native Drag&Drop,
is pointless since since is not supported on mobile devices.
In other words, lets be honest, we gonna need third party libraries for ever 😂

is this react-dnd or react-beautiful-dnd ?