Summary
In this episode, we'll explore the power of combining a Stimulus Controller and Turbo Frame Tags to create a seamless user interface. We'll use the example of keyboard shortcuts to launch a search modal to query records.rails turbo stimulusjs javascript 18:32
Chapters
- Introduction (0:00)
- Creating the view (1:00)
- Creating the skeleton view for the Stimulus Controller (2:10)
- Stimulus Controller (4:56)
- Continuing with the view (5:16)
- Dismissing the modal (5:43)
- Building the Search Form (6:26)
- Back to the Stimulus Controller (8:16)
- Creating the Searches Controller (9:23)
- Finishing the Stimulus Controller (13:28)
- Demo (16:37)
- Fixing Turbo Frame Target (16:58)
- Finishing the view (17:27)
- Final Thoughts (17:49)
Pro Monthly
$
19
/mo
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free
Pro Annual
$
190
/yr
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free