Turbo Streamsでの削除前にアニメーションを入れる

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/en30

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Turbo Streamsでの削除前にアニメーションを入れる

Turbo Sreamsでは action="remove" で要素を削除することができます。これは例えば DELETE /resources/... Turbo Sreamsでは action="remove" で要素を削除することができます。これは例えば DELETE /resources/:id へのHTTPリクエストのレスポンスで使うと便利です。この記事ではStimulusを利用して、Turbo Streamsでの要素削除時にアニメーションを入れる方法について書きたいと思います。以下は @hotwired/turbo: 7.0.0-beta.8 stimulus: 2.0.0 が前提です。どうやるか Stimulusで、以下のように使える leave_animation_controller.ts を書きます。 <li id="resource-1" data-controller="leave-animation" data-leave-animation-base-class="fade-out" > <!-- ...

ブックマークしたユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx