Custom Turbo Stream Action Animation

Episode #565 by Teacher's Avatar David Kimura

Summary

In this episode, we'll look at improving our UX by adding a custom Turbo Stream action to give some animation to deleted records.
rails turbo hotwire javascript 14:21

Chapters

  • Introduction (0:00)
  • Creating the Scaffold (0:46)
  • Seeds (4:29)
  • Custom Turbo Stream (5:07)
  • Adding the slide remove action to the view (11:18)
  • Demo (12:45)
  • Broadcasting the animation (13:02)
  • Broadcast demo (13:36)
  • Final Thoughts (14:00)
Student & Teacher
$ 9 /mo

Valid School Email Required

Same Access as Pro

Subscribe Now
Pro Monthly
$ 19 /mo

Access to Pro Episodes

Invite to Slack Channel

Priority Suggestions

Ad Free

Subscribe Now
Pro Annual
$ 190 /yr

Access to Pro Episodes

Invite to Slack Channel

Priority Suggestions

Ad Free

Subscribe Now
Teams
$ 57 /mo

3 Users Minimum

$19.00 / user / month

Same Access as Pro

Subscribe to Teams