How to Implement Drag & Drop Feature in your Apps ? | React | Javascript

After watching this video you will know how to implement the Drag and Drop feature like you see in Notion & Kanban Boards using plain Javascript.
I implement this drag and drop feature using React because I love it, but you can use anything of just vanilla Javascript.

Loved the video ? You can share and tag me on 🧡:

Hi there! New to my Channel ? If so, Hi I'm Saumya !- This is the place where I document my life or my journey with the world towards my goals related to Life, Building Stuff, Learning, Computer Science , Programming, Productivity and above all just learning, improving & being better than yesterday.

Reach Me 👇:

Relevant Video Tags :
drag and drop on website
drag and drop with react
drag and drop feature without any library

[MummadiSaikrishna]

Thank you so much Saumya....You made my day actually... I was using react-beautiful-dnd library... It doesn't worked out for my components.but I have tried this approach it worked ....🎉

[yusufansari]

Hey man you are a life saver you save tons of time by just using vanilla!! I hope to see more videos like this!!

[asmaaebeid]

Thanks, It work for desktop browser but these feature not working in mobile browser, Any suggestion????

[appstuff]

hey thanks for this, i am in a similar issue. I am trying a linktree clone with supabase tables "users" and "links" as a learning experiment. I am using NextJS with Supabase. Right now im at a stage on how do i persist data to display links for a specific user as each user will have its own sorting arrangement. How do you think i should go about it?
All links are in "links" table and i get them from the user that requests it accordingly.
any help is appreciated.

[kashmirtechtv]

You messed at the end with Dispatch and Redux... Please share the link for explanation..

[Noushadm-toot]

This do not work for mobile devices right ?

[looperman]

hey, soymya, you did an impressive job.

[mauro]

Hi. Thanks for the video. I just have a question. If I'm not using redux, what should be the lines for the dragDropped function? Thanks.

[chamikajayasingha]

I cant find any droppable feature in div, plz help me

[zummotv]

Hi, how would you create a sidebar where you can move around nested file or folder ?

[developerdeepu]

For boosting your motivation. I subscribed you. Thank you for making this video.

[theblvckdev]

could you please send a link to the source code?

[niharikasweety]

can I have the code in a file so I can check easier

[harithakoyineni]

hi saumya . the video was really helpful .. i hve a doubt regarding dropping, how can i connect with you

[Henio]

The video is quite informative.
However, the narration is very chaotic.
Try to make some preparation and write down what you are going to say before you start filming.