Gathering detailed insights and metrics for @pubnub/react-chat-components
Gathering detailed insights and metrics for @pubnub/react-chat-components
Chat UI Components to build chat applications with PubNub on React with TypeScript support
Installations
npm install @pubnub/react-chat-componentsDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
18.20.2
NPM Version
10.5.0
Releases
25
Languages
6
TypeScript
SCSS
JavaScript
CSS
HTML
Shell
TypeScript (83.19%)
SCSS (12.59%)
JavaScript (3.83%)
CSS (0.25%)
HTML (0.09%)
Shell (0.05%)
Developer
pubnub
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
NOASSERTION License
184 Stars
450 Commits
63 Forks
13 Watchers
22 Branches
74 Contributors
Updated on Jun 17, 2025
Maintainers
3
Package Meta Information
Latest Version
0.34.0
Package Id
@pubnub/react-chat-components@0.34.0
Unpacked Size
687.00 kB
Size
135.80 kB
File Count
7
NPM Version
10.5.0
Node Version
18.20.2
Published on
May 16, 2024
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
3
Peer Dependencies
4
Dev Dependencies
30
@optimize-lodash/rollup-plugin@pubnub/common-chat-components@rollup/plugin-commonjs@rollup/plugin-json@rollup/plugin-node-resolve@rollup/plugin-replace@svgr/rollup@swc/core@swc/jest@testing-library/jest-dom@testing-library/react@testing-library/user-event@types/jest@types/pubnub@types/react@types/react-domjestjest-environment-jsdomjest-scss-transformpostcsspubnubpubnub-reactreactreact-domrolluprollup-plugin-peer-deps-externalrollup-plugin-postcssrollup-plugin-tssasstypescript
PubNub Chat Components for React
PubNub Chat Components for React are the fastest way to add chat features like direct and group messaging, typing indicators, or reactions, without going through the complexity of the low-level architecture of real-time networks.
- Reduced Implementation Time: Develop proof-of-concept and production-ready apps faster using predefined components.
- Fast and Simple Extensibility: Add rich features, like typing indicators, read receipts, or reactions, without writing complex code.
- Flexible and Customizable Components: Customize component design and add custom components to extend functionality.
- High Scalability: Let PubNub take care of scaling and reliability as you grow your app.
- Easy Theming: Use the built-in light and dark themes or create custom ones for various use cases: group, support, and event chats.
- Strong Typing: Utilize the power of TypeScript to develop your application.
Apart from PubNub Chat Components for React, we provide a separate npm package for React Native. Check out our PubNub Chat Components for React Native for more details.
Features
- User and Channel Metadata: Add additional information about the users, channels, and their memberships from PubNub Objects storage using custom hooks
- Subscriptions: Subscribe to user channels automatically
- Messages: Publish and display new and historical text messages
- Presence: Get currently active users, observe their state, and notify them about changes
- Typing Indicators: Display notifications that users are typing
- Message Reactions: Publish and add emojis to messages
Available components
Prerequisites
- React v16.8+ and ReactDOM v16.8+
- PubNub JavaScript SDK v4.29+
- PubNub React SDK v2.1.0+
Usage
Start by exploring our demo apps that were built using chat components:
| Source code | Link | Description |
|---|---|---|
getting-started | Tutorial | Sample 1:1 chat app to get started |
group-chat | Demo / Tutorial | Complex moderated group chat app |
live-events | Demo / Tutorial | Live events app with a chat panel |
telehealth | Demo / Tutorial | Simple patient-doctor chat app |
Related documentation
- PubNub Chat Components for React Documentation - documentation explaining how to work with PubNub Chat Components for React
- PubNub chat use-case - documentation for the chat use-case
- PubNub React SDK - API documentation for the PubNub React SDK
Support
If you need help or have a general question, contact support.
No vulnerabilities found.
Reason
all changesets reviewed
Reason
no binaries found in the repo
Reason
4 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 3
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dangerous workflow patterns detected
Details
- Warn: script injection with untrusted input ' startsWith(github.event.comment.body, format('@{0} ', env.CLEN_BOT)) ': .github/workflows/commands-handler.yml:21
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/commands-handler.yml:1
- Warn: no topLevel permission defined: .github/workflows/on-pull-request-create.yml:1
- Warn: no topLevel permission defined: .github/workflows/release.yml:1
- Warn: no topLevel permission defined: .github/workflows/run-tests.yml:1
- Warn: no topLevel permission defined: .github/workflows/run-validations.yml:1
- Info: no jobLevel write permissions found
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 30 are checked with a SAST tool
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Info: Possibly incomplete results: error parsing shell code: invalid parameter name: .github/workflows/commands-handler.yml:21
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/commands-handler.yml:27
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/commands-handler.yml:32
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-pull-request-create.yml:15
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-pull-request-create.yml:17
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:18
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:36
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:41
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-tests.yml:42
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-tests.yml:55
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-tests.yml:67
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-tests.yml:74
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-tests.yml:94
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-tests.yml:23
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-tests.yml:28
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-validations.yml:13
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/run-validations.yml:15
- Warn: npmCommand not pinned by hash: .github/workflows/run-tests.yml:64
- Info: 0 out of 16 GitHub-owned GitHubAction dependencies pinned
- Info: 1 out of 2 npmCommand dependencies pinned
Reason
23 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-hpx4-r86g-5jrg
- Warn: Project is vulnerable to: GHSA-prr3-c3m5-p7q2
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-7hpj-7hhx-2fgx
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-5844-q3fc-56rh
- Warn: Project is vulnerable to: GHSA-rxrc-rgv4-jpvx
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-353f-5xf4-qw67
- Warn: Project is vulnerable to: GHSA-c24v-8rfc-w8vw
- Warn: Project is vulnerable to: GHSA-8jhw-289h-jh2g
- Warn: Project is vulnerable to: GHSA-cchq-frgv-rjh5
- Warn: Project is vulnerable to: GHSA-g644-9gfx-q4q4
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc
Score
2.2
/10
Last Scanned on 2024-05-20
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More