How does this help with real-time updates?

It provides specific implementation patterns for Turbo Streams, allowing you to broadcast model changes via ActionCable or respond to HTTP requests with precise DOM manipulations.

What components of Hotwire does this skill cover?

This skill covers the entire Hotwire suite, including Turbo (Drive, Frames, and Streams) and Stimulus, along with integration guides for Rails 7+ features like Import Maps.

Does it include Stimulus best practices?

Absolutely. It includes standardized naming conventions, target/value definitions, and action handling to ensure your Stimulus controllers are clean and maintainable.

Can I use this to migrate from a React or Vue frontend?

Yes, this skill provides the patterns needed to replicate SPA-like behavior using server-rendered HTML, making it an excellent resource for simplifying complex frontend stacks.

Hotwire for Rails

Name: Hotwire for Rails
Author: bastos

bybastos

Design Tools

Builds reactive, SPA-like Rails 7+ frontends using Turbo and Stimulus without the complexity of heavy JavaScript frameworks.

About

This skill provides comprehensive guidance for Rails developers to implement modern, reactive web behaviors using the Hotwire stack. It covers the full ecosystem including Turbo Drive for seamless navigation, Turbo Frames for independent page updates, and Turbo Streams for real-time WebSocket broadcasting. Additionally, it offers deep-dive patterns for Stimulus controllers to manage client-side state and interactivity. By focusing on 'HTML over the wire' principles, this skill helps developers maintain business logic on the server while delivering high-performance, progressively enhanced user interfaces compatible with Rails 7 and 8.

Key Features

0 GitHub stars
Scoped page updates using Turbo Frame tags and lazy loading
Implementation patterns for Turbo Drive navigation and progress bars
Structured Stimulus controller development with targets and values
Real-time DOM manipulation via Turbo Stream broadcasts
Asset management guidance using Rails Import Maps

Use Cases

Developing fast, progressively enhanced interfaces with minimal JavaScript overhead
Building real-time dashboards and notification systems with WebSockets
Converting legacy Rails forms into reactive components without full page refreshes

About

Key Features

0 GitHub stars
Scoped page updates using Turbo Frame tags and lazy loading
Implementation patterns for Turbo Drive navigation and progress bars
Structured Stimulus controller development with targets and values
Real-time DOM manipulation via Turbo Stream broadcasts
Asset management guidance using Rails Import Maps

Use Cases

Developing fast, progressively enhanced interfaces with minimal JavaScript overhead
Building real-time dashboards and notification systems with WebSockets
Converting legacy Rails forms into reactive components without full page refreshes