以前からよく記事にしている「react-native-gifted-chat」ライブラリの Web 版らしきものを見つけたので、忘れないようにまとめ。
タイトルにも記載しましたが、「react-web-gifted-chat」というライブラリです。
GitHub のページはこちら。
johniak/react-web-gifted-chat: 💬 The most complete chat UI for React
https://github.com/johniak/react-web-gifted-chat
実際に使ったわけではないのですが、ざっと見た感じ「react-native-gifted-chat」とほぼ同じみたいなので、導入は簡単そうでした。
デモ画面も見てみましたが、挙動もほぼ同じでしたね。
なお「react-native-gifted-chat」と同様にメンション機能は用意されていなさそうだったので、メンション機能が必要な場合はまた別のライブラリと組み合わせる必要がありそうです。
まあ、React Native の時はソフトウェアキーボードに苦しめられる場面もありましたが、Web 版なら文字入力の時に画面サイズが変わることはないので、アプリの時よりも簡単かもしれませんね。
以上、Web でチャット画面が実装できるライブラリ「react-web-gifted-chat」のご紹介でした。
ご参考になれば幸いです。
