https://github.com/connectycube/use-chat
A React hook for state management in ConnectyCube-powered chat solutions
https://github.com/connectycube/use-chat
chat chat-application instant-messaging react react-hooks
Last synced: 4 months ago
JSON representation
A React hook for state management in ConnectyCube-powered chat solutions
- Host: GitHub
- URL: https://github.com/connectycube/use-chat
- Owner: ConnectyCube
- License: apache-2.0
- Created: 2025-01-16T11:32:48.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2025-08-20T13:19:07.000Z (10 months ago)
- Last Synced: 2025-09-21T23:18:10.042Z (9 months ago)
- Topics: chat, chat-application, instant-messaging, react, react-hooks
- Language: TypeScript
- Homepage: https://connectycube.com
- Size: 576 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Use Chat
A React hook for state management in ConnectyCube-powered chat solutions.
This library provides a headless solution for managing chat functionality in ConnectyCube. Similar to how Formik simplifies form handling, this library streamlines the development of chat applications.
The core purpose is to handle essential chat features like state management, handling subsequent events and APIs properly etc, so the end user takes care about UI building only.
## Features
- Handle chats and messages states, including the currently active conversation
- Manage chat participants states
- Maintain typing indicators and users last activity.
- Support attachments download
- Message drafts
- Moderation via user reporting and block
## Installation
```
npm install @connectycube/use-chat
```
or
```
yarn add @connectycube/use-chat
```
## Usage
```ts
import { useChat } from "@connectycube/use-chat";
const MyComponent = () => {
const { connect, createChat, sendMessage, selectedDialog } = useChat();
const handleConnect = async () => {
const chatCredentials = {
userId: 22,
password: "password",
};
await connect(chatCredentials);
};
const handleCreateChat = async () => {
const userId = 456;
const dialog = await createChat(userId);
await selectDialog(dialog);
};
const handleSendMessage = async () => {
// send message to selected dialog
sendMessage("Hi there");
};
return (
Connect
Create chat
Send message
);
};
export default MyComponent;
```
For more complex example please check [React chat code sample](https://github.com/ConnectyCube/connectycube-web-samples/tree/master/chat-react)
## API
Check types for more API examples https://github.com/ConnectyCube/use-chat/blob/main/src/types/index.ts
## Documentation
[https://developers.connectycube.com/js/use-chat](https://developers.connectycube.com/js/use-chat)
## Have an issue?
Join our [Discord](https://discord.com/invite/zqbBWNCCFJ) for quick answers to your questions
## Community
- [Blog](https://connectycube.com/blog)
- X (twitter)[@ConnectyCube](https://x.com/ConnectyCube)
- [Facebook](https://www.facebook.com/ConnectyCube)
**Want to support our team**:
## License
[Apache 2.0](https://github.com/connectycube/use-chat/blob/main/LICENSE)