​​React​BroadcastChannel,Playwright,TypeScript,useEffect,useEffectEvent,カスタムフック

Thumbnail of post image 063

同じサイトを複数のタブで開いているとき、片方のタブで変えた状態を、BroadcastChannelでほかのタブにも反映する方法です。チャンネルを閉じ忘れたときの動きや、あとから開いたタブに値を渡す方法を、検証環境で確かめました。