MCPcopy Index your code
hub / github.com/cometchat/cometchat-uikit-react-native

github.com/cometchat/cometchat-uikit-react-native @v5.3.10

Chat with this repo
repository ↗ · DeepWiki ↗ · release v5.3.10 ↗ · + Follow
3,195 symbols 8,373 edges 1,125 files 272 documented · 9%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

CometChat

CometChat React Native UI Kit

CometChat React Native UIKit provides a pre-built user interface kit that developers can use to quickly integrate a reliable & fully-featured chat experience into an existing or a new mobile app.

🚀 Explore the Sample Apps!

Dive straight into our Sample Apps to see CometChat UI Kit in action! Whether you're building a messaging app or enhancing your existing project, this sample app showcases the full potential of our React Native UI components. - Sample App - Sample App AI - Sample App Expo - Sample App with Push Notifications

Prerequisites

  • Node.js 18 or higher
  • React Native Version 0.77 or later (up to the latest version)

iOS - XCode - Pod (CocoaPods) for iOS - An iOS device or emulator with iOS 12.0 or above.

Android - Android Studio - Android device or emulator with Android version 5.0 or above.

Getting Started

To set up React Native Chat UIKit and utilize CometChat for your chat functionality, you'll need to follow these steps: 1. Registration: Go to the CometChat Dashboard and sign up for an account. 2. After registering, log into your CometChat account and create a new app. Once created, CometChat will generate an Auth Key and App ID for you. Keep these credentials secure as you'll need them later. 3. Check the Key Concepts to understand the basic components of CometChat. 4. Refer to the Integration Steps in our documentation to integrate the UI Kit into your iOS app.

Help and Support

For issues running the project or integrating with our UI Kits, consult our documentation or create a support ticket or seek real-time support via the CometChat Dashboard.

Extension points exported contracts — how you extend this code

EventListener (Interface)
(no doc) [9 implementers]
packages/ChatUiKit/src/shared/events/CometChatUIEventHandler/Listener.ts
CreateGroupBottomSheetProps (Interface)
* Bottom sheet for creating a new group.
examples/SampleAppWithPushNotifications/src/components/groups/GroupHelper.tsx
CreateGroupBottomSheetProps (Interface)
* Bottom sheet for creating a new group.
examples/SampleApp/src/components/groups/GroupHelper.tsx
CreateGroupBottomSheetProps (Interface)
* Bottom sheet for creating a new group.
examples/SampleAppExpo/src/components/groups/GroupHelper.tsx
State (Interface)
(no doc)
examples/SampleAppAI/AppErrorBoundary.tsx
DataSource (Interface)
(no doc) [4 implementers]
packages/ChatUiKit/src/shared/framework/DataSource.ts
JoinGroupBottomSheetProps (Interface)
* Bottom sheet for joining a password-protected group.
examples/SampleAppWithPushNotifications/src/components/groups/GroupHelper.tsx
JoinGroupBottomSheetProps (Interface)
* Bottom sheet for joining a password-protected group.
examples/SampleApp/src/components/groups/GroupHelper.tsx

Core symbols most depended-on inside this repo

t
called by 665
packages/ChatUiKit/src/shared/resources/CometChatLocalizeNew/LocalizationManager.ts
useTheme
called by 183
packages/ChatUiKit/src/theme/hook.ts
getId
called by 167
packages/ChatUiKit/src/shared/framework/DataSource.ts
getName
called by 136
packages/ChatUiKit/android/src/main/java/com/reactnativecometchatuikit/SoundPlayer.java
toString
called by 130
packages/ChatUiKit/android/src/main/java/com/reactnativecometchatuikit/ReactVideoView.java
get
called by 126
packages/ChatUiKit/src/shared/utils/PermissionUtil.ts
deepMerge
called by 120
packages/ChatUiKit/src/shared/helper/helperFunctions.ts
useCometChatTranslation
called by 95
packages/ChatUiKit/src/shared/resources/CometChatLocalizeNew/useCometChatTranslationHook.ts

Shape

Function 1,685
Method 1,021
Interface 251
Class 214
Enum 24

Languages

TypeScript84%
Java9%
Kotlin7%
C++1%

Modules by API surface

packages/ChatUiKit/android/src/main/java/com/reactnativecometchatuikit/RichTextEditorView.kt158 symbols
packages/ChatUiKit/src/shared/framework/MessageDataSource.tsx75 symbols
packages/ChatUiKit/android/src/main/java/com/reactnativecometchatuikit/FileManager.java60 symbols
packages/ChatUiKit/src/shared/events/CometChatUIEventHandler/Listener.ts53 symbols
packages/ChatUiKit/src/shared/framework/DataSourceDecorator.tsx52 symbols
packages/ChatUiKit/src/CometChatCompactMessageComposer/CometChatCompactMessageComposer.tsx51 symbols
packages/ChatUiKit/src/CometChatMessageList/CometChatMessageList.tsx50 symbols
packages/ChatUiKit/android/src/main/java/com/reactnativecometchatuikit/ReactVideoView.java47 symbols
packages/ChatUiKit/src/shared/framework/DataSource.ts46 symbols
packages/ChatUiKit/src/shared/formatters/CometChatMentionsFormatter/CometChatMentionsFormatter.tsx46 symbols
packages/ChatUiKit/src/CometChatMessageComposer/CometChatMessageComposer.tsx43 symbols
packages/ChatUiKit/src/shared/resources/CometChatSoundManager/sound.js39 symbols

For agents

$ claude mcp add cometchat-uikit-react-native \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page