All Hotwire Club challenges in one place: hands-on Turbo and Stimulus exercises with detailed solutions, published biweekly since 2023.
Use Stimulus value callbacks to interact with a wavesurfer element and remove markers.
Use Stimulus value callbacks to interact with a wavesurfer element and add markers.
Smartly use image lazy loading to improve core web vitals such as LCP and CLS
Use an IntersectionObserver to trigger a Picture in Picture overlay
Handle modal dialogs with Turbo Frames and minimal additional JavaScript
Use Stimulus target callbacks to dynamically update parts of your UI