Hotwire
Specific best practices and architectural patterns when working with Hotwire.
Details
Language / Topic
RubyCategory
framework
Rules
balanced
Hotwire
- Use Turbo Drive for fast page navigation without JavaScript — it intercepts link clicks and form submissions automatically. Use Turbo Frames (`<turbo-frame>`) for partial page updates. Use Turbo Streams for real-time server-pushed HTML updates.
Hotwire
- Use Turbo Drive for fast page navigation without JavaScript — it intercepts link clicks and form submissions automatically. Use Turbo Frames (`<turbo-frame>`) for partial page updates. Use Turbo Streams for real-time server-pushed HTML updates.
- Use `turbo_stream` response format in controllers for inline updates: `turbo_stream.replace`, `turbo_stream.append`, `turbo_stream.remove`. Use Stimulus controllers for small interactive behaviors — connect with `data-controller` and `data-action` attributes. Broadcast changes with `Turbo::Broadcastable` over Action Cable for live updates. Keep Stimulus controllers small and composable.