Summary
The TailwindUI library provides static styled HTML examples, but this can be difficult to translate into a Rails application. In this episode, we take a look at one of the calendar examples and make it interactive with displaying days that have events as well as returning events on selected days.rails tailwind turbo stimulusjs hotwire 40:00
Chapters
- Introduction (0:00)
- Tutorial Begins (3:40)
- Creating calendar partial (4:18)
- Making turbo_frame_tag for the calendar (4:39)
- Demo of static calendar (7:23)
- Making calendar interactive (7:54)
- Updating calendar days (11:06)
- Demo the interactive calendar (18:53)
- Creating the event model (19:22)
- Events controller (20:13)
- Displaying event dots on calendar (21:23)
- Demo of events on calendar (28:09)
- Making calendar days return the events (29:12)
- Show selected day class (33:39)
- Demo of day selection (38:22)
- Final Thoughts (38:35)
Pro Monthly
$
19
/mo
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free
Pro Annual
Autumn Sale
$
144
190
/yr
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free