Welcome to The Hotwire Club !

Learn Turbo and Stimulus together with fellow enthusiasts

Welcome to <strong>The Hotwire Club</strong> !

👉 Subscribe on Patreon

to access all solutions

Teddy Valente, CTO@Wobee

2024-05-27

"The Hotwire club" is a fantastic resource for anyone who already has a good knowledge of Hotwire and wants to deepen their mastery. The exercises are always interesting and very well written. The answers are always detailed and to the point. You can even find exercises that will be useful in your work and for new features.

Stimulus - Adding Markers to a Wavesurfer Element
Julian Rubisch
Julian Rubisch

Use Stimulus value callbacks to interact with a wavesurfer element and add markers.

Frontend Fundamentals - Improve Core Web Vitals with Lazy Loading
Julian Rubisch
Julian Rubisch

Smartly use image lazy loading to improve core web vitals such as LCP and CLS

Stimulus - Picture in Picture API
Julian Rubisch
Julian Rubisch

Use an IntersectionObserver to trigger a Picture in Picture overlay

Turbo Frames - Modals with Validation
Julian Rubisch
Julian Rubisch

Handle modal dialogs with Turbo Frames and minimal additional JavaScript

Stimulus - Orchestrate Complex UI Changes with Target Callbacks
Julian Rubisch
Julian Rubisch

Use Stimulus target callbacks to dynamically update parts of your UI

Stimulus - Progressive Image Loading with Blurhash
Julian Rubisch
Julian Rubisch

Improve Largest Contentful Paint using image blurhashes and Stimulus

Scrolling Lyrics using Turbo Frames
Julian Rubisch
Julian Rubisch

Create a "scrolling lyrics" animation using Turbo Frames and View Transitions

Optimistic UI with Turbo 8 Morphs
Julian Rubisch
Julian Rubisch

Provide Optimistic UI updates using inline Turbo Stream Actions, and reconcile using Turbo 8 Morphs

Hotwire Combobox with Real Time Data
Julian Rubisch
Julian Rubisch

Update combobox options using Websockets and Stimulus outlets

essential