# @azure/communication-react > React library for building modern communication user experiences utilizing Azure Communication Services Latest version **2.0.0** (published 2026-10-07) · MIT license · 0 weekly downloads ## Install ```sh npm install @azure/communication-react pnpm add @azure/communication-react yarn add @azure/communication-react bun add @azure/communication-react ``` ## Health **Score 65/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score. Warnings: low downloads; large bundle. ## Facts | | | |---|---| | Version | 2.0.0 | | Published | 2026-10-07 | | First published | 2021-05-24 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 30 | | Unpacked size | 16.6 MB | | Known vulnerabilities | 0 (+4 in 2 direct dependencies) | | Install scripts | no | | Maintainers | azure-sdk, microsoft1es, microsoft-oss-releases | | Keywords | Communication, Chat, Call, VOIP, Video, Video conferencing, Teams | ## Links - npm: https://www.npmjs.com/package/@azure/communication-react - Repository: https://github.com/Azure/communication-ui-library - Homepage: https://azure.github.io/communication-ui-library/ - Issues: https://github.com/Azure/communication-ui-library/issues/new/choose - npm.io page: https://npm.io/package/@azure/communication-react ## Dependencies (30) - [uuid](https://npm.io/package/uuid.md) ^9.0.0 - [immer](https://npm.io/package/immer.md) 10.1.1 - [events](https://npm.io/package/events.md) ^3.3.0 - [nanoid](https://npm.io/package/nanoid.md) 3.3.8 - [reselect](https://npm.io/package/reselect.md) ^4.0.0 - [dompurify](https://npm.io/package/dompurify.md) ^3.2.5 - [linkify-it](https://npm.io/package/linkify-it.md) ^6.1.0 - [memoize-one](https://npm.io/package/memoize-one.md) ^5.2.1 - [use-debounce](https://npm.io/package/use-debounce.md) ^10.0.4 - [@azure/logger](https://npm.io/package/@azure/logger.md) ^1.0.4 - [@types/events](https://npm.io/package/@types/events.md) ^3.0.3 - [@griffel/react](https://npm.io/package/@griffel/react.md) ^1.5.30 - [@fluentui/react](https://npm.io/package/@fluentui/react.md) ^8.123.0 - [copy-to-clipboard](https://npm.io/package/copy-to-clipboard.md) ^3.3.1 - [html-react-parser](https://npm.io/package/html-react-parser.md) ^5.2.3 - [textarea-caret-ts](https://npm.io/package/textarea-caret-ts.md) ^4.1.1 - [@azure/core-paging](https://npm.io/package/@azure/core-paging.md) ^1.5.0 - [@fluentui/react-hooks](https://npm.io/package/@fluentui/react-hooks.md) ^8.8.18 - [@fluentui/react-icons](https://npm.io/package/@fluentui/react-icons.md) ^2.0.302 - [@fluentui/react-components](https://npm.io/package/@fluentui/react-components.md) 9.62.0 - [react-use-draggable-scroll](https://npm.io/package/react-use-draggable-scroll.md) ^0.4.7 - [@azure/communication-common](https://npm.io/package/@azure/communication-common.md) ^2.4.0 - [roosterjs-content-model-api](https://npm.io/package/roosterjs-content-model-api.md) ^9.27.0 - [roosterjs-content-model-dom](https://npm.io/package/roosterjs-content-model-dom.md) ^9.27.0 - [@fluentui-contrib/react-chat](https://npm.io/package/@fluentui-contrib/react-chat.md) 0.1.11 - [roosterjs-content-model-core](https://npm.io/package/roosterjs-content-model-core.md) ^9.27.0 - [roosterjs-content-model-types](https://npm.io/package/roosterjs-content-model-types.md) ^9.27.0 - [@fluentui/react-file-type-icons](https://npm.io/package/@fluentui/react-file-type-icons.md) 8.13.2 - [@fluentui/react-window-provider](https://npm.io/package/@fluentui/react-window-provider.md) ^2.2.30 - [roosterjs-content-model-plugins](https://npm.io/package/roosterjs-content-model-plugins.md) ^9.27.0 ## Alternatives - [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads - [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads - [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads - [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads - [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads ## Recent versions - 2.0.0 (latest) — 2026-10-07 - 1.32.0-alpha-202511181633 (dev) — 2025-11-18 - 1.32.0-beta.1 (next) — 2025-10-20 - 1.35.0 — 2026-09-25 - 1.34.0 — 2026-08-21 - 1.33.0 — 2026-08-05 - 1.32.0 — 2026-07-07 - 1.32.0-alpha-202510230018 — 2025-10-23 - 1.31.0 — 2025-10-20 - 1.31.0-alpha-202510080017 — 2025-10-08 - 1.31.0-alpha-202510070018 — 2025-10-07 - 1.31.0-alpha-202509270017 — 2025-09-27 - 1.31.0-alpha-202509120018 — 2025-09-12 - 1.31.0-alpha-202509110018 — 2025-09-11 - 1.31.0-alpha-202508290018 — 2025-08-29 - … 1072 more at https://npm.io/package/@azure/communication-react/versions ## README # @Azure/communication-react `@Azure/communication-react` is a react library that makes it easy for you to build modern communications user experiences using [Azure Communication Services](https://azure.microsoft.com/services/communication-services/). It gives you a library of react components built on top of [FluentUI](https://developer.microsoft.com/fluentui#/) that you can drop into your applications. Read more about Azure Communication Services - UI Library [here](https://aka.ms/acsstorybook). ## Prerequisites - An Azure account with an active subscription. [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F). - An active Communication Services resource. [Create a Communication Services resource](https://docs.microsoft.com/azure/communication-services/quickstarts/create-communication-resource?tabs=windows&pivots=platform-azp). - [Node.js (16.19.0 and above)](https://nodejs.org/) ## Installing `@azure/communication-react` is a React library. It requires a reasonable React environment and support up to React 18. We recommend using Vite [Create a react app from scratch](https://react.dev/learn/build-a-react-app-from-scratch) and [Create your first project with Vite](https://vite.dev/guide/#scaffolding-your-first-vite-project) or a similar tool to initialize your application. ```bash npm i @azure/communication-react ``` `@azure/communication-react` specifies core Azure Communication Services as `peerDependencies` so that you can most consistently use the API from the core libraries in your application. You need to install those libraries as well: ```bash npm i @azure/communication-calling npm i @azure/communication-chat ``` ## Storybook For complete documentation, quickstarts, and interactive components, check out our [Storybook](https://aka.ms/acsstorybook). --- _Source: https://npm.io/package/@azure/communication-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._