本文へ移動

§07-12Notifications

Changelog / "What's new"

新機能や変更点を小さな窓で知らせる。

使っている画面を離れずに最近の変更を確認できる。更新頻度が高く、気づかれずに終わる機能が多いサービスで効く。

実装のポイント

最後に見たリリースの ID を保存し、それより新しい項目がある時だけドットを出す。ポップオーバーは Esc で閉じ、閉じたらトリガーへフォーカスを戻す。

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