Overview

Version 4 of the UI kits by CometChat has been released, featuring a modular architecture that provides enhanced flexibility for building and customizing web and mobile apps. The UI kit is designed with developers in mind and aims to significantly reduce development efforts. It includes features such as private and group conversations, voice and video calling, rich media attachments, typing indicators, message history, search functionality, and more. To install the UI kit, developers need to register on the CometChat Dashboard, configure CometChat inside their app, and add the UI kit to their project.

Features

• Private(1-1) & Group Conversations
• Voice & video calling & conferencing
• Rich Media Attachments
• Typing Indicators
• Text, Media and Custom messages
• Read receipts
• Online Presence Indicators
• Message History
• Users & Friends List
• Search by users and groups
• Groups List
• Conversations List
• Threaded Conversations
• Extensions (Thumbnail Generation, Link Preview, Rich Media Preview, Smart Reply, Emojis, Polls, Reactions, Stickers)

Installation

Prerequisites:

• A text editor (e.g. Visual Studio Code, Notepad++, Sublime Text, Atom, or VIM)
• Node
• npm
• React (npm install react@17.0.2)
• React DOM (npm install react-dom@17.0.2)
• React scripts (npm install react-scripts@4.0.3)

To install the React UI Kit:

1. Setup:

   • Register on the CometChat Dashboard to get started.
   • Create a new app and note the App ID, Auth Key, and Region.

2. Configure CometChat inside your app:

   • Import the CometChat SDK.
   • Initialize CometChat using the init() method.
   • Login your user using the login() method.

3. Add the UI Kit to your project:

   • Clone the repository: git clone https://github.com/cometchat-pro/cometchat-pro-react-ui-kit.git
   • Copy the cloned repository to your source folder.
   • Copy all the dependencies from package.json into your project’s package.json file and install them.

4. Launch CometChat:

   • Use the CometChatUI component to launch a fully functional chat application.

Summary

CometChat has released Version 4 of their UI kits, which provide developers with a modular architecture for building and customizing web and mobile apps. The UI kit includes features such as private and group conversations, voice and video calling, rich media attachments, typing indicators, and more. To install the UI kit, developers need to register on the CometChat Dashboard, configure CometChat inside their app, and add the UI kit to their project.