Turbo Frame Targets

Episode #480 by Teacher's Avatar David Kimura

Summary

In this episode, we look at using Turbo Frame Tags to target certain elements in interesting ways. In each example, we'll take unobtrusive approaches without needing any javascript.
rails turbo view 16:16

Chapters

  • Introduction (0:00)
  • Creating model and seeds (1:14)
  • Displaying list of messages (2:11)
  • Creating the routes (6:57)
  • Testing what we have so far (7:15)
  • Creating the messages controller (7:27)
  • Creating message show view (7:50)
  • Testing what we have so far (7:59)
  • Disable prefetch (8:53)
  • Targeting a turbo frame tag (9:19)
  • Quick recap (12:01)
  • Showing email as read (12:52)
  • Demo (14:38)
  • Final thoughts (15:18)
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