ReactでWebSocketを扱う - Qiitaとある案件でReactからWebSocketを扱う必要が出てきたので、その時調査したことをまとめます。 調査のつもりが、React 18で追加されたuseSyncExternalStoreを利用したオレオレ状態管理ライブラリ作りにいつのまにか脱線していたので、そのお話も添えて。 React、WebSocket共に目新しい技術ではないですが、誰かのためになれば幸いです。 1.はじめに お品書きは次の通りです。 1.はじめに 2.WebSocket? 3.Hello World - React x WebSocket の基本形 4.自動で再接続できるようにする 5.カスタムフック化 - useSyncExternalStoreを利用したオレオレライブラリ 6.Notifications API と組み合わせる 7.データフェッチライブラリと組み合わせる 8.おわりに 実装例は、React 18
