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 - Video Progress Tracker with LocalStorage
Julian Rubisch
Julian Rubisch

Store ephemeral user state like video playback progress in localStorage

Turbo Frames - Markdown Preview
Julian Rubisch
Julian Rubisch

Typeahead previews of markdown by simple Turbo Frame rerendering

Stimulus - Image Upload Previews with `URL.createObjectURL`
Julian Rubisch
Julian Rubisch

Create client-side previews of files using URL.createObjectURL

Turbo Frames - Render Flash Messages Upon Form Submission
Julian Rubisch
Julian Rubisch

Intercept form submission responses to render flash messages that are outside the originating Turbo Frame

Turbo Drive - Use ULIDs for Optimistic UI
Julian Rubisch
Julian Rubisch

Render deterministic optimistic UI elements using client-side ULIDs

Stimulus - Removing Markers from a Wavesurfer Element
Julian Rubisch
Julian Rubisch

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

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

Cookies
essential