Drag and Drop is EASY with SvelteJS
optikalefx
0:00 / 0:00
Drag and Drop is EASY with SvelteJS
3 696 просмотров · 3 года назад
optikalefx
11,1 тыс. подписчиков
3 696 просмотров · 3 года назад
One of the critical features of our programming game is for the players to be able to choose a ticket from the ticket board. A very common way to handle that is a trello-like board using drag and drop.
Svelte makes this really easy.
00:00 Intro
01:38 Making things draggable
01:58 Style the drop zone
03:54 Identify what is being dragged
07:35 Update the lists
09:44 Remove from the old list
14:55 Insert at a specific spot
22:54 stylize the specific spot drop
29:35 Demo
30:21 clean everything up