§13-06Personalization
Bookmark / お気に入り
気になる項目を保存して自分の一覧から戻れる。
見つけた項目をあとで探し直す手間をなくす。商品や記事、場所など、比較や再訪を前提に閲覧する一覧で使う。
実装のポイント
星ボタンは aria-pressed と「お気に入りに追加」のラベルを持たせ、楽観的に切り替える。お気に入りは一覧上部に固定するなど再訪時の導線とセットで設計する。
- 特徴
- 状態管理
- 楽観的更新
- デモで使っているもの
- lucide-react
§13-06Personalization
気になる項目を保存して自分の一覧から戻れる。
見つけた項目をあとで探し直す手間をなくす。商品や記事、場所など、比較や再訪を前提に閲覧する一覧で使う。
星ボタンは aria-pressed と「お気に入りに追加」のラベルを持たせ、楽観的に切り替える。お気に入りは一覧上部に固定するなど再訪時の導線とセットで設計する。