この記事は、Build Your Own Magic Atomic Stateを読んだことがきっかけで、useSyncExternalStoreについて調べた内容をまとめたもの。 useSyncExternalStoreとは React 18で導入された新しいフックで、React外部の状態と安全に同期するためのAPI。主な用途は以下の通り: 外部の状態管理ライブラリ(Redux、Zustand等)との連携 ブラウザAPI(localStorage、navigator.onLine等)の監視 グローバル変数やカスタムイベントシステムとの同期 また、特に重要なポイントとして React 18 の …