https://github.com/cometchat/cometchat-uikit-react-native
Ready-to-use Chat UI Components for React Native
https://github.com/cometchat/cometchat-uikit-react-native
app calling chat conference messaging react react-native video voice webrtc
Last synced: 6 months ago
JSON representation
Ready-to-use Chat UI Components for React Native
- Host: GitHub
- URL: https://github.com/cometchat/cometchat-uikit-react-native
- Owner: cometchat
- License: other
- Created: 2021-01-13T18:00:12.000Z (over 4 years ago)
- Default Branch: v4
- Last Pushed: 2024-11-27T13:54:26.000Z (10 months ago)
- Last Synced: 2024-12-03T04:36:40.013Z (10 months ago)
- Topics: app, calling, chat, conference, messaging, react, react-native, video, voice, webrtc
- Language: TypeScript
- Homepage: https://www.cometchat.com
- Size: 17.2 MB
- Stars: 41
- Watchers: 15
- Forks: 25
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Security: SECURITY.md
- Support: SUPPORT.md
Awesome Lists containing this project
README
# React Native Sample App by CometChat
This is a reference application showcasing the integration of [CometChat's React Native UI Kit](https://www.cometchat.com/docs/v4/react-native-uikit/overview) in React Native. It offers developers practical examples for incorporating real-time messaging, as well as voice and video calling functionalities, into their React Native-based applications.
React Native: iOS
React Native: Android
## 🚀 Try the New v5 UI Kit!
Discover the all-new [v5 UI Kit](https://github.com/cometchat/cometchat-uikit-react-native/tree/v5), featuring a completely revamped design for enhanced usability and visual appeal. With restructured components, advanced styling options, and a streamlined integration process, v5 offers a seamless, customizable experience tailored to your needs. Try it now and elevate your development workflow!
## Prerequisites
- Ensure that you have the React Native development environment set up.
- Follow instructions for your environment at https://reactnative.dev/docs/environment-setup
- Sign up for a [CometChat](https://app.cometchat.com/) account to get your app credentials: _`App ID`_, _`Region`_, and _`Auth Key`_
## Installation
1. Clone the repository:
- Using HTTPS
```
git clone https://github.com/cometchat/cometchat-sample-app-react-native.git
```
2. Navigate to the cloned directory:
```
cd cometchat-sample-app-react-native
```
3. Install dependencies:
```
npm install
```
4. For iOS, install dependencies after navigating to ios:
```sh
cd ios
pod install
```
5. Enter your CometChat _`App ID`_, _`Region`_, and _`Auth Key`_ in the [AppConstants.ts](https://github.com/cometchat/cometchat-sample-app-react-native/blob/v4/AppConstants.ts) file:
https://github.com/cometchat/cometchat-sample-app-react-native/blob/f2910c28c3d3d49031e37a58c536efca1f77cb27/AppConstants.ts#L1-L5
6. If your app is created before August 12th, 2024 then change the sample data URL to `https://assets.cometchat.io/sampleapp/v1/sampledata.json` in the [src/components/login/Login.tsx](https://github.com/cometchat/cometchat-sample-app-react-native/blob/v4/src/components/login/Login.tsx) file: https://github.com/cometchat/cometchat-sample-app-react-native/blob/f2910c28c3d3d49031e37a58c536efca1f77cb27/src/components/login/Login.tsx#L20-L22
7. Run the app on a device or emulator from the repo root.
```sh
npm start
npm run android
npm run ios
```
## Help and Support
For issues running the project or integrating with our UI Kits, consult our [documentation](https://www.cometchat.com/docs/react-native-uikit/integration) or create a [support ticket](https://help.cometchat.com/hc/en-us) or seek real-time support via the [CometChat Dashboard](http://app.cometchat.com/).