はじめに RecoilというReactの状態管理ライブラリが存在します。 自分はよく、/user/meから取得したユーザー情報をこのRecoilのStateに入れて保管しています。 しかしただログイン状態を入れるだけでは、複数タブで同じページを開いている場合に片方がログアウトしたという状態になっても片方はまだユーザーがRecoilに保持されていてログインしているように見えてしまうという問題があります。 なのでこの記事では、StateをBroadcastChannel APIを使用して同期してみようと思います。 Atom Effects RecoilにはAtom Effectsという非常に便利な…