All Hotwire Club challenges in one place: hands-on Turbo and Stimulus exercises with detailed solutions, published biweekly since 2023.
Make a gallery thumbnail morph into a full-size hero image across page navigations using the View Transitions API and Turbo Drive.
Build a reusable Stimulus controller that catches Turbo Frame failures and shows elegant error states with retry - inspired by React's Error Boundaries.
Synchronize browser history with Turbo Stream responses using a custom push_state action, a Stimulus controller, and the popstate event.
Build dependent dropdown menus that update dynamically using Turbo Frames and a small Stimulus controller.
Add loading feedback to form submissions inside Turbo Frames using busy attributes and data-turbo-submits-with.
