WebSocket Hands on (react+TypeScript)

これは以下のURLを参考にしたWebSocketのハンズオンです。
WebSocketを完全に理解できるコードを書いたので解説します
上記のサイトはフロントエンドでNext.jsを使用していますが、このレポジトリではreact+TypeScriptで書き換えています。

技術スタック

フロントエンドはreact+TypeScript+Vite使用し、バックエンドはFastAPIをフレームワークとして使用しています。