react slack clone

react slack clone

Slack 克隆由 Chatkit 提供支援。在這裡查看它的實際效果 https://pusher.github.io/react-slack-clone

這是一個靜態的單頁 Web 應用程序，由 create-react-app 引導，以便於設定、分發和開發。它是一個圍繞 Pusher-chatkit-client 庫的瘦 UI 包裝器，用於演示不同的功能如何協同工作，以形成具有各種潛在產品應用程式的引人注目的即時聊天用戶端。

特徵

Chatkit SDK 可讓您實現您期望從聊天用戶端獲得的功能。這些包括：

• 公共和私人聊天室
• ？即時發送和接收訊息
• ？富媒體附件（拖放）
• 打字和狀態指示器
• 讀取訊息遊標

想參與嗎？我們有很多適合初學者的 GitHub 問題。

成分

此演示嘗試根據此處的文件實作功能完整。應透過向此儲存庫發出問題或拉取請求來提出功能請求。

• CreateMessageForm - 發送帶有文字正文的訊息並觸發輸入指示器。
• CreateRoomForm - 建立一個新房間並在建立時加入它。
• FileInput - 發送帶有富媒體附件的訊息。
• 訊息 - 呈現可能包含附件的訊息。
• MessageList - 呈現來自鍵值儲存的訊息清單。
• RoomHeader - 顯示給定房間的有用資訊。
• RoomList - 呈現目前使用者可以訂閱的房間清單。
• TypingIndicator - 向使用者表明另一個使用者正在給定房間中打字。
• UserHeader - 顯示有關給定使用者的有用資訊。

用法

在本地運行應用程式；克隆存儲庫，安裝依賴項並運行應用程式。

 $ git clone https://github.com/pusher/react-slack-clone
$ cd react-slack-clone
$ yarn && yarn start

該應用程式以開發模式啟動，並在http://localhost:3000上開啟一個瀏覽器視窗。當來源檔案變更時，專案會重新建構，瀏覽器會自動重新載入。任何建置或運行時錯誤都會傳播並顯示在瀏覽器中。

該應用程式依賴 GitHub 身份驗證和託管在 https://chatkit-demo-server.herokuapp.com 上的使用者建立端點。端點是/auth和/token 。