{"id":14964939,"url":"https://github.com/sendbird/sendbird-uikit-react-native","last_synced_at":"2026-03-16T07:21:16.692Z","repository":{"id":49765091,"uuid":"447439405","full_name":"sendbird/sendbird-uikit-react-native","owner":"sendbird","description":"Build chat in minutes with Sendbird UIKit open source code.","archived":false,"fork":false,"pushed_at":"2025-05-07T05:16:28.000Z","size":7953,"stargazers_count":81,"open_issues_count":0,"forks_count":44,"subscribers_count":11,"default_branch":"main","last_synced_at":"2025-05-14T01:55:14.935Z","etag":null,"topics":["api-for-chat","bard","chat-api","chat-api-platform","chat-platform","chat-sdk","chat-ui","chatbot-api","chatbot-ui","chatgpt","communications-platform","genai-chatbot","genai-chatbot-api","gpt-powered-chatbot","gpt-ui","llama2","messaging-api","messaging-platform","messaging-sdk","palm2"],"latest_commit_sha":null,"homepage":"https://sendbird.com/docs/chat/uikit/v3/react-native/overview","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sendbird.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-01-13T02:38:10.000Z","updated_at":"2025-05-09T23:42:13.000Z","dependencies_parsed_at":"2023-09-30T03:10:56.217Z","dependency_job_id":"a037f2c9-f83f-4c4d-83ce-3636ed92ce3e","html_url":"https://github.com/sendbird/sendbird-uikit-react-native","commit_stats":{"total_commits":1229,"total_committers":6,"mean_commits":"204.83333333333334","dds":0.09926769731489016,"last_synced_commit":"c804ee2c6e2c149547e118bee0c596ca575469dc"},"previous_names":[],"tags_count":64,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sendbird%2Fsendbird-uikit-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sendbird%2Fsendbird-uikit-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sendbird%2Fsendbird-uikit-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sendbird%2Fsendbird-uikit-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sendbird","download_url":"https://codeload.github.com/sendbird/sendbird-uikit-react-native/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254493382,"owners_count":22080126,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-for-chat","bard","chat-api","chat-api-platform","chat-platform","chat-sdk","chat-ui","chatbot-api","chatbot-ui","chatgpt","communications-platform","genai-chatbot","genai-chatbot-api","gpt-powered-chatbot","gpt-ui","llama2","messaging-api","messaging-platform","messaging-sdk","palm2"],"created_at":"2024-09-24T13:33:59.946Z","updated_at":"2026-03-16T07:21:11.381Z","avatar_url":"https://github.com/sendbird.png","language":"TypeScript","readme":"# sendbird-uikit-react-native\n\n[![Platform React-Native](https://img.shields.io/badge/Platform-React--Native-orange.svg)](https://reactnative.dev/)\n[![Language TypeScript](https://img.shields.io/badge/Language-TypeScript-orange.svg)](https://www.typescriptlang.org/)\n\n\u003e React-Native based UI kit based on sendbird javascript SDK\n\n## Introduction\n\nSendbird UIKit for React-Native is a development kit with an user interface that enables an easy and fast integration of standard chat features into new or existing client apps.\nThis mono-repository the UIKit source code is consists as explained below.\n\n- [**packages/uikit-react-native**](/packages/uikit-react-native) is where you can find the open source code. Check out [UIKit Open Source Guidelines](/OPENSOURCE_GUIDELINES.md) for more information regarding our stance on open source.\n- [**sample**](/sample) is a chat app with UIKit’s core features in which you can see items such as push notifications, total unread message count and auto sign-in are demonstrated. When you sign in to the sample app, you will only see a list of channels rendered by the [GroupChannelListFragment](https://sendbird.com/docs/chat/uikit/v3/react-native/key-functions/list-channels) on the screen.\n- [**packages/uikit-react-native-foundation**](/packages/uikit-react-native-foundation) is a UI package for `uikit-react-native`.\n- [**packages/uikit-chat-hooks**](/packages/uikit-chat-hooks) is a react hooks package for `uikit-react-native`.\n- [**packages/uikit-utils**](/packages/uikit-utils) is a utility package for `uikit-react-native`.\n\n### More about Sendbird UIKit for React-Native\n\nFind out more about Sendbird UIKit for React-Native at [UIKit for React Native doc](https://sendbird.com/docs/chat/uikit/v3/react-native/overview).\nIf you need any help in resolving any issues or have questions, visit [our community](https://community.sendbird.com).\n\n\u003cbr/\u003e\n\n## Requirements\n\n- Nodejs 18 or newer\n- [yarn v1](https://classic.yarnpkg.com/en/docs/install)\n- Watchman\n- JDK 17 or newer\n- XCode\n- Android Studio\n\n⚑ More details, please see https://reactnative.dev/docs/environment-setup \u003cbr/\u003e\n⚑ _we strongly recommend installing yarn using [corepack](https://nodejs.org/dist/latest/docs/api/corepack.html)_\n\n\u003cbr/\u003e\n\n## Try the sample app\n\nWe are using sample app for development, you can check the sample app [here](/sample) and also check the UI components via storybook in the sample app.\n\n### Installation\n\n\u003e Every script should be run on the root of the project.\n\n**Install node modules**\n\n```shell\nyarn install\n```\n\n**Linking native modules of sample app**\n\n```shell\nyarn sample:pod-install\n```\n\n**Running sample app**\n\n- Android\n\n```shell\nyarn sample:android\n```\n\n- iOS\n\n```shell\nyarn sample:ios\n```\n\n### Sample app using your data\n\nCreate a file to `sample/src/env.ts` and write the code below to the file you created.\n\n```ts\nexport const APP_ID = '2D7B4CDB-932F-4082-9B09-A1153792DC8D';\n```\n\nIf you would like to try the sample app specifically fit to your usage, you can do so by replacing the default sample app ID with yours, which you can obtain by creating your [Sendbird application from the dashboard](https://dashboard.sendbird.com/).\n\n\u003cbr /\u003e\n\n\u003e **Note** Update Chat SDK version of sample app \u003cbr/\u003e\n\u003e Edit `package.json` and change the version of `resolutions \u003e @sendbird/chat` to the version you want to use.\n\n### Trouble shooting\n\n- Could not connect to development server on Android device\n  - Run `adb reverse tcp:8081 tcp:8081`.\n- Unable to resolve module `../version` from `packages/uikit-react-native/src/containers/SendbirdUIKitContainer.tsx`\n  - Run `yarn workspace @sendbird/uikit-react-native generate-version` on the root of the project.\n- `concurrently 'yarn start' 'react-native run-android'` does not working expected\n  - Run `yarn start` and `npx react-native run-android` separately on the `sample` directory.\n\n## Development\n\nWe tried development on macOS / Linux systems. You might encounter problems in running sample or scripts like `yarn build` in Windows machines.\n\n### Creating a new key function files\n\nRun the script and enter the key function name as a lower camel case like `groupChannel`, and then you can see the auto generated files in the `/packages/uikit-react-native/src/domain`\n\n```shell\nyarn workspace @sendbird/uikit-react-native run create-domain\n```\n\n### Managing repository\n\n\u003e **Note**\n\u003e We are using [yarn workspaces](https://classic.yarnpkg.com/en/docs/workspaces) and [lerna](https://github.com/lerna/lerna) to maintain this monorepo\n\n#### Patch package\n\nIf you need to patch some packages for the sample to work using `patch-package`\n\n1. `npx patch-package package-name` \u003e mark as comment `yarn-path` in `.yarnrc` file\n2. OR `./node_modules/.bin/patch-package package-name` \u003e just run\n\n#### Package dependencies\n\nSee [yarn workspace](https://classic.yarnpkg.com/en/docs/cli/workspace)\n\n```shell\n# Add dependency to specific workspace package\nyarn workspace @sendbird/package add package-name\n# Remove dependency from specific workspace package\nyarn workspace @sendbird/package remove package-name\n\n# Add dependency to root\nyarn -W add package-name\n```\n\n\u003e **Warning** You should better install to root if you're trying to install native view modules.\n\u003e Sometimes native view module in the workspace is not hoisted, and it leads to `Tried to register two views` error on the sample app.\n\n#### Bump version\n\nSee [lerna version](https://github.com/lerna/lerna/tree/main/commands/version)\n\n```shell\nlerna version {major|minor|patch} [--no-git-tag-version] [--no-private]\n\n# or\n\nyarn bump:{major|minor|patch}\n```\n\n#### Publish\n\nSee [lerna publish](https://github.com/lerna/lerna/tree/main/commands/publish)\n\n\u003cbr/\u003e\n\n## Scripts\n\n### Build\n\n```shell\nyarn build\n```\n\n### Test\n\n```shell\n# Unit test\nyarn test\n\n# Build test\nyarn test:build\n```\n\n### Lint and Prettier\n\n```shell\n# Check formatting\nyarn lint\n\n# Fix formatting\nyarn fix\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsendbird%2Fsendbird-uikit-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsendbird%2Fsendbird-uikit-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsendbird%2Fsendbird-uikit-react-native/lists"}