本文へ移動

§07-09Notifications

既読/未読切替

通知やメッセージを既読・未読で切り替える。

未処理の知らせだけを見分けられ、溜まった通知をまとめて片付けられる。通知が多いワークスペースで、確認漏れを減らしたいときに使う。

実装のポイント

既読状態は項目ごとにサーバーへ送り、一括既読は ID リストではなく「この時刻以前」を送ると件数が多くても軽い。未読は太字とドットの両方で示す。

特徴
  • 状態管理
デモで使っているもの
  • lucide-react