Тёмный

SvelteKit Drag And Drop List With svelte-dnd-action 

Cooper Codes
Подписаться 13 тыс.
Просмотров 7 тыс.
50% 1

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@Shijith1
@Shijith1 3 месяца назад
This video helped me figure out the syntax for the DND action library, thanks man!
@666Bockwurst666
@666Bockwurst666 Год назад
love your sveltekit content!! would love some more :)
@TheNitrozwerg
@TheNitrozwerg 2 месяца назад
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
@jasonmoggridge1566
@jasonmoggridge1566 5 месяцев назад
Thanks!
@Airjaman
@Airjaman 10 месяцев назад
Thank you, bro
@paulclarke4099
@paulclarke4099 Год назад
Really great video, thank you 💯😃👍
@CooperCodes
@CooperCodes Год назад
Thanks so much, and you are welcome! Appreciate the comment :)
@SamirPatnaik
@SamirPatnaik Год назад
very well explained
@mathiasfantoni2458
@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)?
@paulthomas1052
@paulthomas1052 Год назад
Great tutorial - Svelte is pretty cool. 👌
@CooperCodes
@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
@Loui3Hunna Год назад
Cool stuff once again! Keep it up man!
@CooperCodes
@CooperCodes Год назад
Thank you for the consistent support Ludvig, means a bunch! :)
@roblesrt
@roblesrt Год назад
Great! keep it up sir!
@CooperCodes
@CooperCodes Год назад
I will keep it up! Thank you for the comment :)
@Pscytlk
@Pscytlk Год назад
Nice content! I was wondering if you could make a collabration feature to the app some how! really needed!
@uzi-rm
@uzi-rm 3 месяца назад
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.
@scott_itall8638
@scott_itall8638 Год назад
What about draging between arrays?
@maskman4821
@maskman4821 Год назад
It is very useful, I will watch it later on, thank you 🙏🤓😘🤗😍🤩👍👏
@CooperCodes
@CooperCodes Год назад
Thanks so much for your support! :) Hope you enjoy!
@vaisakhkm783
@vaisakhkm783 Год назад
great tutorial..... i was tring to make this work... do you know how to dynamically add/ change elements in the list.... ?
@CooperCodes
@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-MnTfpmVzxQc.html
@AssetTrade
@AssetTrade Год назад
Show with tanstack table
Далее
Svelte makes Drag And Drop API easy!
15:08
Просмотров 20 тыс.
Using JavaScript Libraries With Svelte Is Easy
17:37
Просмотров 12 тыс.
Best UI Library for Svelte
16:13
Просмотров 107 тыс.
Working with GitHub Apps instead of a PAT
20:21
Просмотров 10 тыс.
Forms Will Never Be the Same
10:10
Просмотров 55 тыс.
Make Your Own Svelte Component Library
35:16
Просмотров 19 тыс.
A Trick for Cleaner Svelte Components
3:43
Просмотров 51 тыс.
Using The Svelte Context API With Stores
10:17
Просмотров 13 тыс.
SvelteKit and Supabase Deep Dive
51:23
Просмотров 19 тыс.