Debounce

Episode #550 by Teacher's Avatar David Kimura

Summary

Demonstrate how to implement a debounced live search in a Rails application using Stimulus and Turbo, improving UX by reducing unnecessary server requests.
rails hotwire javascript stimulusjs 12:13

Chapters

  • Introduction (0:00)
  • Creating the Model (1:07)
  • Create the Product Query (2:04)
  • Product View (4:20)
  • Creating the Search Form (5:26)
  • Creating the Stimulus Controller (6:56)
  • Creating the Debounce Functionality (7:57)
  • Demo (9:21)
  • Adding custom time (10:25)
  • Final Thoughts (11:35)
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