~/talk

Stimulating Events

Talkat RailsConf 2021 · 2021-04-12..04-15· [javascript, reactive-programming]
slides:none on file

Shows three live‑coding examples using Rails + Stimulus JS and Tailwind CSS to build a working dropdown that highlights items, updates button text, toggles visibility, and shows check marks. Demonstrates controllers, actions, targets, values, lifecycle callbacks, refactors a bulky dropdown into per‑item list item controllers that communicate via custom events, uses webpack dev server for instant feedback, and ends with a refactor that makes the UI simpler and reliable.

AI-written summary · about

  1. 0:00Start
  2. 2:42What Is Stimulus
  3. 4:03Tailwind Css
  4. 8:19Modeling Console Driven Development
  5. 15:08The Target
  6. 16:21Hide the Drop Down List
  7. 17:42Toggle List Function
  8. 28:57Custom Events
  9. 29:16To Define a Custom Event
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.