CSS and JS in Rails Engines

Episode #442 by Teacher's Avatar David Kimura

Summary

Setting up a Rails Engine with the TailwindCSS and Hotwire via Importmaps can be rather difficult. There's a lot of undocumented steps to take and it can be overwhelming to approach these problems. In this episode, we look at a step by step approach to both adding TailwindCSS and Turbo & Stimulus into a Rails Engine.
rails engine hotwire stimulusjs turbo tailwind 22:04

Chapters

  • Introduction (0:00)
  • Creating the Engine (1:24)
  • Installing TailwindCSS (2:00)
  • Testing TailwindCSS is working (11:02)
  • Installing Turbo and Stimulus (11:56)
  • Testing with a Stimulus Controller (20:07)
  • Final Thoughts (21:42)
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