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

Thumbnail of post image 191

WebSocketの接続、受信、送信、切れたときのつなぎ直しを、Reactのカスタムフック1つにまとめる方法です。つなぎ直しが止まらなくなる書き方や、外したあとに接続が残る書き方との違いを、検証環境で接続の数を数えて確かめました。