ReactとNode.js Expressを使って、チャットアプリの超基礎となる部分を作成した。今回は、機能を追加し、さらにチャットアプリに近づける。

Reactを利用してアプリを作っていたところ、予期せぬ大量レンダリングが発生して画面描画が遅くなってしまった。 いろいろ試した結果、useStateのset関数の使い方が悪いことがわかったのでメモ。

ReactとExpressを利用して簡易チャットアプリを作成した。 実施した内容をメモ／紹介する。

チャットアプリの事前準備として、画面サーバ（React）とWebサーバ（Node.js）を別々に構築して、クライアントとWebサーバ間をSocket.ioで接続する。