$ docker compose run app bin/rails db:create
$ docker compose up
Open http://localhost:3000 in your browser.
このデモでは段階的に Turbo Streams を導入し、Turbo Streams で実現できる、次の二つのことを試します。
- フォーム送信をトリガーにした 2 箇所以上の更新。Turbo Frames では 1 箇所しか更新できませんでした。
- ActionCable を利用した WebSocket によるブロードキャスト更新。Turbo Frames ではリンクかフォーム送信でしか更新できませんでした。
In this demo, we will introduce Turbo Streams in a step-by-step manner and try two things that can be achieved with Turbo Streams:
- Update two or more locations, triggered by form submissions. Turbo Frames could only update one location.
- broadcast update via WebSocket using ActionCable. Turbo Frames could only update via link or form submission.
一般的なページ遷移を伴うステートレスな Web アプリケーション（メッセージボード）を構築します。
Build a stateless web application (message board) with common page transitions.
フォームを送信するとフォームの内容をリセットして、送信したメッセージをメッセージ一覧に追加します。
Update two or more locations triggered by form submissions
When the form is submitted, it resets the form contents and adds the submitted message to the message list.
フォームを送信するとフォームの内容をリセットして、送信したメッセージを現在表示中のすべてのブラウザのメッセージ一覧に追加します。
Enables broadcast updates.
When you submit a form, it resets the form content and adds the submitted message to the list of messages in all currently displayed browsers.