connectivity-js - Webアプリケーションの online/offline 状態制御のためのオープンソースライブラリ

フロントエンドアプリで online/offline 状態を扱うロジックは、思った以上に頻繁にビジネスロジックの中へ入り込んでくるように感じます。

実際に実装してみると、navigator.onLine、online/offline イベントリスナー、retry の分岐、offline 状態でのアクション処理のようなコードがあちこちに散らばりやすく、時間が経つほど一貫して管理するのも難しくなります。

オフライン状態への対応はいつも優先順位が後回しになりがちでしたし、最近のように AI によって機能開発のスピードが速くなるほど、良くないネットワーク環境でも最低限の体験を維持できるように、プロダクト体験の下限を一緒に引き上げることも重要だと感じました。

こうした問題をもう少しすっきり扱いたくて、connectivity-js というオープンソースを作りました。

• 宣言的なネットワーク状態制御
• framework-agnostic core + React adapter
• offline action queue
• deduplication / backoff retry

GitHub
https://github.com/minseong0324/connectivity-js

まだ 0.x バージョンなので、内部実装や API 設計にはさらに磨いていくべき部分が多くあります。似たような問題を経験したことがある方や改善アイデアがあれば、
フィードバック、issue、PR いずれも歓迎します。