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.

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

Turbo Frames - Modals with Validation
Julian Rubisch
Julian Rubisch

Handle modal dialogs with Turbo Frames and minimal additional JavaScript

Cookies
essential