Broadcast real-time UI updates in Rails apps via Turbo Streams and Action Cable.
npx skills add https://github.com/rubakas/agent-notes --skill rails-broadcasting
Please help me install this Agent Skill. Skill: rails-broadcasting Source: https://github.com/rubakas/agent-notes/tree/main/rails-broadcasting Command: npx skills add https://github.com/rubakas/agent-notes --skill rails-broadcasting
Turbo Streams and Action Cable enable real-time UI updates in Rails apps, eliminating stale views and manual refreshes when data changes.
Include @agent-notes/rails/index.md in your CLAUDE.md to enable Rails broadcasting patterns.
High-intent search queries and answers about installing and using this skill.
You broadcast real-time UI updates in Rails using Turbo Streams and Action Cable to push DOM changes over WebSockets. This eliminates stale views by reflecting data modifications instantly across instance, collection, nested, and user-scoped channels.
You can preserve form state and scroll position during Turbo Streams broadcasting by using morph-based updates. The broadcast_morph_to method intelligently updates only changed DOM elements rather than replacing the entire view structure.
It supports broadcasting Rails model changes within background jobs via Active Job. This allows performance optimizations like conditional broadcasting, debouncing updates, and offloading heavy real-time notifications from the main request cycle.
Available Rails broadcasting methods include append, prepend, replace, update, remove, and morph. These can target instance-based streams, collection-based streams, nested streams, and user-specific channels for flexible real-time UI delivery.
You need Rails with Turbo and Action Cable configured to enable real-time broadcasting. Action Cable serves as the WebSocket backbone for live updates, while Turbo Streams handles the DOM patching mechanism for UI synchronization.
ThinkOodleImplement real-time features with Action Cable in Rails applications.
JayonLabsConfigure Laravel Echo broadcasting with Reverb, Pusher, or Ably.
reckerswartzIntegrate Action Cable and WebSockets to push real-time updates to Rails clients.
KaakatiImplement Turbo and Stimulus patterns for real-time Rails UI updates.
