hwc-realtime-streaming

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

Implement push-driven Hotwire behavior with Turbo Streams and Stimulus.

通过Turbo Streams和Stimulus实现基于推送的Hotwire行为。

Identify transport and delivery shape: WebSocket, SSE, inline stream tags, or server response streams.
Choose default Turbo Stream actions first; add custom actions only when defaults are insufficient.
Keep stream actions small and deterministic; avoid embedding arbitrary scripts in stream payloads.
Separate stream orchestration from domain UI concerns (forms, media, navigation).
Verify ordering, idempotency, and multi-tab behavior for all real-time updates.

Prefer

append/prepend/replace/update/remove/before/after/refresh

before custom actions.

Keep cross-tab sync explicit (BroadcastChannel/localStorage) and scope it to same-device semantics.
Use view transitions only where animation meaningfully improves state-change clarity.
Validate failure modes for delayed/out-of-order messages.

在使用自定义操作之前，优先使用
```
append/prepend/replace/update/remove/before/after/refresh
```
这些默认操作。
保持跨标签页同步的明确性（通过BroadcastChannel/localStorage实现），并将其范围限定为同一设备场景。
仅在动画能够切实提升状态变更清晰度的场景下使用视图过渡（View Transitions）。
验证延迟/乱序消息的故障处理模式。

Open only the file needed for the current request.

Inline client-side stream tags:

references/2023-08-01-turbo-streams-inline-stream-tags.md

Custom Turbo Stream actions:

references/2023-08-15-turbo-streams-custom-stream-actions.md

Advanced playlist orchestration via custom actions:

references/2023-10-10-turbo-streams-custom-stream-actions-video-playlist-management.md

LocalStorage-backed stream state:

references/2024-01-30-turbo-streams-custom-stream-actions-localstorage.md

List animations with View Transitions:

references/2025-06-10-turbo-streams-list-animation-view-transitions.md

Real-time combobox updates:

references/2024-03-12-hotwire-combobox-with-real-time-data.md

Inter-tab communication patterns:

references/2023-11-21-stimulus-inter-tab-communication.md

Use

references/INDEX.md

for the full catalog.

仅打开当前需求所需的文档。

客户端内联流标签：

references/2023-08-01-turbo-streams-inline-stream-tags.md

自定义Turbo Stream操作：

references/2023-08-15-turbo-streams-custom-stream-actions.md

通过自定义操作实现高级播放列表编排：

references/2023-10-10-turbo-streams-custom-stream-actions-video-playlist-management.md

基于LocalStorage的流状态管理：

references/2024-01-30-turbo-streams-custom-stream-actions-localstorage.md

结合View Transitions的列表动画：

references/2025-06-10-turbo-streams-list-animation-view-transitions.md

实时下拉列表更新：

references/2024-03-12-hotwire-combobox-with-real-time-data.md

跨标签页通信模式：

references/2023-11-21-stimulus-inter-tab-communication.md

完整目录请查看

references/INDEX.md

。

Pull-based navigation/history concerns: use
```
hwc-navigation-content
```
Form validation and submit lifecycle concerns: use
```
hwc-forms-validation
```
Media playback/upload interactions: use
```
hwc-media-content
```
Generic loading/progress/transition UX: use
```
hwc-ux-feedback
```
Base Stimulus API questions outside streaming: use
```
hwc-stimulus-fundamentals
```