Animating deleting elements in Phoenix LiveView with LiveView.JS

Notes

Someone asked me how to animate deleting elements in LiveView.

The trick is to use LiveView.JS:

JS.hide/2 with animate option to hide and animate + JS.push/2 to send the event to the server = ✨ beautiful deletions ✨