How does this skill handle real-time data updates?

It utilizes Turbo Streams and the 'broadcasts_refreshes' model pattern to push live server-side changes to all connected clients automatically.

Does this skill support progressive enhancement?

Yes, it strictly enforces the rule that all features must work without JavaScript first, ensuring a robust baseline before adding Hotwire enhancements.

When should I use Turbo Frames instead of Turbo Morph?

Turbo Frames should be used selectively for specific UI patterns like modals, inline editing, tabs, pagination, and lazy-loading expensive content.

What is the main benefit of using Turbo Morph over Frames?

Turbo Morph updates the DOM intelligently while preserving scroll position, focus, and form state, making it simpler for general CRUD operations than managing individual frames.

Hotwire for Rails

Name: Hotwire for Rails
Author: zerobearing2

byzerobearing2

•

开发者工具

Builds fast, interactive, SPA-like experiences in Ruby on Rails using server-rendered HTML and minimal JavaScript.

关于

This skill equips Claude with specialized knowledge to implement modern Rails interfaces using the Hotwire stack (Turbo and Stimulus). It prioritizes the latest Rails 8 patterns, specifically favoring Turbo Morphing for CRUD operations to preserve scroll position and form state without complex JavaScript. By strictly enforcing progressive enhancement, the skill ensures that applications remain fully functional for all users while providing a high-performance, reactive feel through server-driven updates, selective Turbo Frames, and lightweight Stimulus controllers.

主要功能

Configures Turbo Frames selectively for modals, inline editing, and lazy loading.
Enables real-time updates via Turbo Streams and ActionCable broadcasts.
Implements Turbo Morphing for seamless page updates and state preservation.
Enforces progressive enhancement to ensure core functionality works without JavaScript.
Generates clean Stimulus controllers for lightweight client-side interactions.
18 GitHub stars

使用场景

Implementing real-time dashboard updates and live notifications using broadcasts_refreshes.
Creating interactive UI components like inline editors, infinite scrolls, and modal forms.
Transforming traditional multi-page Rails applications into reactive, SPA-like experiences.

关于

主要功能

Configures Turbo Frames selectively for modals, inline editing, and lazy loading.
Enables real-time updates via Turbo Streams and ActionCable broadcasts.
Implements Turbo Morphing for seamless page updates and state preservation.
Enforces progressive enhancement to ensure core functionality works without JavaScript.
Generates clean Stimulus controllers for lightweight client-side interactions.
18 GitHub stars

使用场景

Implementing real-time dashboard updates and live notifications using broadcasts_refreshes.
Creating interactive UI components like inline editors, infinite scrolls, and modal forms.
Transforming traditional multi-page Rails applications into reactive, SPA-like experiences.