Drag and Drop is EASY with SvelteJS

Опубликовано: 06 Октябрь 2024
на канале: optikalefx
2,766
57

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