Drag and Drop with react-beautiful-dnd

This tutorial will teach you how to utilize react-beautiful-dnd in order to build amazing drag-and-drop features within your React application.

GitHub Repo:

Timeline:
0:00 - 4:38 - Intro
4:38 - 12:23 - Setup
12:23 - 27:56 - DragDropContext, Droppable & Draggable
27:56 - 40:15 - Handling Drag/Drop Events
40:15 - 59:00 - Multiple Droppables

[RG-svqb]

I see other creators getting credit for making "good" videos on BeautifulDND... clearly those people didn't watch this! Well done, and thank you, amazing video... still don't understand all the props that got passed, but maybe I'm not supposed to!?!?

[Shaheer-xsos]

This is the first time I have watched your video, but explained everything so well... keep it up man, you're an amazing teacher!

[mayrarincones]

I haven't finished the video but I need to stop right here!! hahaha THANK YOU SO MUCH! I spent couple of hours yesterday trying to make work two examples of the library in my code and I wasn't able to, always getting THE SAME ERROR: it wasn't finding the item. I was going CRAZY. It was the damn strict mode!! thank yoooou!!!

[musipto]

Thank you very much for kindly explained how this works with the code, I'm shocked that's this is way better that the documentation itself since most of it and any other tutorial only goes to the basic one droppable stuff and don't explain with so much detail and so clear. Big thumbs up and subscribed!

[mayrarincones]

Now I finished it. Again, thank you so much. The explanation was crystal clear ❤

[sarvesh]

Thanks sir. I went through almost 10 15 videos but was unable to understand. Thanks for helping me out !

[allengats]

Thank you for your video tutorial! Like others here, I was stuck for hours searching for simple and easy implementations of DnD libraries and I managed to make it work with your tutorial! Thanks man! keep it up!

[rishabhsoni]

Damn this is hands down a top tier explanation I ever saw in any tutorial. Good work man

[appstuff]

before reaching 15 minutes, i loved the explanation at @14:48 with diagram. Thanks! Subbed and Liked and saved!

[RedstoneHair]

I think this video best summarizes all of beautiful dnd

[rounakbhattacherjee]

What a beautiful explanation, you made it so easy, thanks man ❤

[sandyyeo]

Thank you for this video! I was stucked for hours until I followed yours

[achrefnabil]

Thanks laith we need more projects with react js

[АлексейСтупников-ду]

Thank you for tutorial and for big scale interface VSCode - it is important for save helth eyes!
34:44 - the spread operator do copying only surfacly, and for difficult object need to do deep copying

[outclass-france]

Incredibly simple and well taught! Thank you very much!

[orkoren]

Thanks man for a great explanation and for teaching a really important skill in React!

[matthewseneris]

my god, you're a hidden gem my guy

[OmG]

Thanks for your effort ❤. Can you make a tutorial for multiple horizontal drag and drop?

[prathampanchariya]

I love you video bro it helps me a lot thanks

[achrefnabil]

Please laith we need paid node js microservices course with serverless + DDD+CQRS+Event sourcing+ clean architecture ❤❤❤❤ you're the best 😍😍