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!!!
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!?!?
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!
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!
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
I'm stuck doing an implementation of this in my own project, where when I do not specify the Droppable type as "group", the destination is coming back as null, even though I'm clearly dropping it over the Droppable component. If I do specify the type as "group", the drop registers... but obviously this won't work for me because I need to implement different logic. Have you ever run into something like this?
I am having problem implementing dnd , my api are working fine but i am encountering this error two children with same id found , i ensured that ids are unique , but still same , can you help?
"unable to find draggable with id" this error is showing . can anyone tell me why this is showing and can anyone help me to learn this drag and drop feature
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.
after drag and drop make api call save the changed data on server fetch it and show it ui using redux same again items are draged and droped in other compnent make api call save the changed data on server fetch it and show it ui using redux ..... goes on as per user decide
bhai tune tod k rakh dia react DND ko, kya tutorial h bhai...the society needs teacher's like you, kudos man!
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!!!
Will this approach work on touch devices? I created a drag and drop list with no library, but it won't work with touch inputs.
@@gmologyofficial I haven't test it on mobile yet!
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!?!?
This is the first time I have watched your video, but explained everything so well... keep it up man, you're an amazing teacher!
Now I finished it. Again, thank you so much. The explanation was crystal clear ❤
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!
Damn this is hands down a top tier explanation I ever saw in any tutorial. Good work man
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!
Will this approach work on touch devices? I created a drag and drop list with no library, but it won't work with touch inputs.
before reaching 15 minutes, i loved the explanation at @14:48 with diagram. Thanks! Subbed and Liked and saved!
Thanks sir. I went through almost 10 15 videos but was unable to understand. Thanks for helping me out !
I think this video best summarizes all of beautiful dnd
What a beautiful explanation, you made it so easy, thanks man ❤
Thank you for this video! I was stucked for hours until I followed yours
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
Incredibly simple and well taught! Thank you very much!
my god, you're a hidden gem my guy
Thanks man for a great explanation and for teaching a really important skill in React!
Please laith we need paid node js microservices course with serverless + DDD+CQRS+Event sourcing+ clean architecture ❤❤❤❤ you're the best 😍😍
Thank you for detailed explanation!
Beautifully explained! Thank you!
Thanks for your effort ❤. Can you make a tutorial for multiple horizontal drag and drop?
really great tutorial
I love you video bro it helps me a lot thanks
Thank you very much for share!
Great tutorial. Thank you
Thank you brother.
I love you sir
Thanks bro, I suggest check your audio its too low so if the ads pop up it blows up my ears. nah
Good job!
I'm stuck doing an implementation of this in my own project, where when I do not specify the Droppable type as "group", the destination is coming back as null, even though I'm clearly dropping it over the Droppable component. If I do specify the type as "group", the drop registers... but obviously this won't work for me because I need to implement different logic. Have you ever run into something like this?
I am having problem implementing dnd , my api are working fine but i am encountering this error two children with same id found , i ensured that ids are unique , but still same , can you help?
Kai jama'aaaaaa
Amazing Content
Great content
How can we store this new arrangement in a database so it persists?
"unable to find draggable with id" this error is showing . can anyone tell me why this is showing and can anyone help me to learn this drag and drop feature
thank you
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.
thanks very mush
Are there any new courses likely to come?
where is the live preview?
this library is not supported for 3 years. Doesn't support multi-direction scrolling
Yeah, go with dnd-kit
Will that approach work on touch devices? I created a drag and drop list with no library, but it won't work with touch inputs.
after drag and drop make api call save the changed data on server fetch it and show it ui using redux
same again items are draged and droped in other compnent make api call save the changed data on server fetch it and show it ui using redux ..... goes on as per user decide
does it work with nextjs?
no
yes
it's not maintained anymore.
can you explain
Excellent tutorial. Thank you