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

[dhunsworth]

I always had in my mind that this would be super complex and definitely a situation to go looking for some package that would make it reasonable. Thanks for showing us this!

[buraksurumcuoglu]

I just got out of a meeting on my dev job and we talked about a new page with drag and drop functionality, your timing is incredible 😅

[df]

3:45 that was pretty cool. Seeing that the drag event is actually firing a ton of times until it finally gets its desired trigger point (release click). I think I’m going to sub just for showing me this. 😂. I like when people show the little things like this that really shed light on what’s going on under the hood. Thank You!

[saman]

This is awesome, I always avoided to even try this feature, because I thought it could be complicated. But you made it look so easy with your walkthrough. Will definitely give it a shot. Thanks for your effort 😊

[selahadinjemal]

I just saw this in a job posting as a best to have skill and wanted to check it out. simple, effective, no blabber. Thanks!

[Grimz]

Useful video on a quick and simple native drag and drop without any libraries or anything! Follow up to this would be dragging and dropping in any index of the droppable area. Say you drag Widget C in between Widget A and B. Not just appending it to the end.

[Gabrielmo]

Best tutotial! I have had trouble with react drag and drop libraries in the past. I was in need to start a new project that woul require a simple drag and drop, and your example give me the kickstart that I need. Thanks man!

[Rico-cpxp]

Been looking into dnd lately, crazy how simple that is. Great video as always 👍

[eveguelarocha]

I think just last week, I needed this kind of code in react, I ended up searching for code then copied and pasted it and just changed variables and stuff and it worked, but this video made me realize I need to recode it and do it with my own logic to improve my skills, Thanks mate! I thought it was so complicated, was thinking to use, dom manipulation etc but i think, i think too much on the problem. Thank you again, will keep following your page for more advice !

[Earth_Elegance_]

Thank you. This is easy than I thought. I realized it because of you

[FXTripazha]

Easier than I expected, thanks! Subscribed

[siva]

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.

[ilovelctr]

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.

[matze]

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

[ZACKDEV]

Wow you made learning this super easy, I was looking into this feature recently with a lot of complicated topics. This make is super simple for us to recreate it and experiment!

[ThisIsLiving__]

I have always had a project in mind requiring me to use this feature - but eventually, the complexity of my ambition made me never do it but I ll definitely do it now

[blu]

Nice video! Never implemented this feature, but for a long time I thought we'd have to track the cursor position and everything. Cool to see that it can be implemented with little lines of code.

[rredington]

I've got this part sorted 👍🏼 next im working on a DnD sortable list using standard React without success. Pls make a DnD sortable list video 🙏🏻

[glcorreia]

I thought this would require plugins and a lot more code. Thanks for sharing

[MubashirullahD]

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