SvelteKit Drag And Drop List With svelte-dnd-action

[@Shijith1]

This video helped me figure out the syntax for the DND action library, thanks man!

[@666Bockwurst666]

love your sveltekit content!! would love some more :)

[@TheNitrozwerg]

I can't get this to work. I can move items, but items in the source as well as the target area affected by the dnd get hidden and don't reappear. The item arrays get adjusted just fine but the ui just does not render the contents properly

[@mathiasfantoni2458]

6:56 I see a GitHub repository in the description, where the code would be, but not a link to where you copied the code from (i.e. the docs for DND Action)?

[@vaisakhkm783]

great tutorial..... i was tring to make this work... do you know how to dynamically add/ change elements in the list.... ?

[@CooperCodes]

In the items array mentioned in this video you can manually change any of the objects just like you would with a regular array in JavaScript. You just have to make sure that each item has a unique ID, but besides that you can manipulate the items array just like normal. Hopefully that answers your question! If you're curious on how the editing / saving works check out my to do list video here: kzbin.info/www/bejne/g5-3l6Oji9-rh8U

[@Pscytlk]

Nice content! I was wondering if you could make a collabration feature to the app some how! really needed!

[@paulclarke4099]

Really great video, thank you 💯😃👍

[@CooperCodes]

Thanks so much, and you are welcome! Appreciate the comment :)

[@paulthomas1052]

Great tutorial - Svelte is pretty cool. 👌

[@CooperCodes]

Thanks so much for the comment Paul :). Svelte is pretty great! Lots of libraries (like this one) and its only growing, so hopefully my videos expose those to the new tech.

[@Loui3Hunna]

Cool stuff once again! Keep it up man!

[@CooperCodes]

Thank you for the consistent support Ludvig, means a bunch! :)

[@SamirPatnaik]

very well explained

[@Airjaman]

Thank you, bro

[@jasonmoggridge1566]

Thanks!

[@scott_itall8638]

What about draging between arrays?

[@uzi-rm]

Tip. Don't just use duration-x with tailwindcss on the draggable items and avoid doing transition-all. do transition-colors transition-opacity duration-100 ... etc. if you don't the items will flicker like in the video.

[@roblesrt]

Great! keep it up sir!

[@CooperCodes]

I will keep it up! Thank you for the comment :)

[@maskman4821]

It is very useful, I will watch it later on, thank you 🙏🤓😘🤗😍🤩👍👏

[@CooperCodes]

Thanks so much for your support! :) Hope you enjoy!

[@AssetTrade]

Show with tanstack table