mkk45 https://blog.hatena.ne.jp/mkk45/ 3歩進んで2歩下がる https://mkk45.hatenablog.com/ はじめに Remix で以下のような toast notification を実装する方法について試行錯誤したログです。 今回紹介するサンプル実装はこちらのリポジトリに置いています。 https://github.com/Kazuhiro-Mimaki/remix-toast-notification 単一のページにおける toast まずは単一のページ内で何かしらのデータを送信し、その成功・失敗を toast で表現したいというケースについて考えます。 実装はシンプルで form submit -> action のレスポンスを useActionData で取得 -> toast を表示と… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmkk45.hatenablog.com%2Fentry%2F2024%2F10%2F30%2F230111" title="Remixの toast notification - 3歩進んで2歩下がる" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://storage.googleapis.com/zenn-user-upload/30cb39112edf-20231210.gif Hatena Blog https://hatena.blog 2024-10-30 23:01:11 rich https://mkk45.hatenablog.com/entry/2024/10/30/230111 1.0 100%