§12-08Engagement
Bookmark / save
気になった項目を保存して後で見返す。
今は読めない内容を手元に残し、後でまとめて確認できる。記事や商品など、一覧へ戻ってくる動機を作りたい場面で使う。
実装のポイント
保存状態は aria-pressed で示し、楽観的に切り替えて失敗時にロールバックする。件数を出すならトグルの前状態から増減を計算し、連打は直前のリクエストを打ち切る。
- 特徴
- 楽観的更新
- 状態管理
- デモで使っているもの
- motion
- lucide-react
§12-08Engagement
気になった項目を保存して後で見返す。
今は読めない内容を手元に残し、後でまとめて確認できる。記事や商品など、一覧へ戻ってくる動機を作りたい場面で使う。
保存状態は aria-pressed で示し、楽観的に切り替えて失敗時にロールバックする。件数を出すならトグルの前状態から増減を計算し、連打は直前のリクエストを打ち切る。