Clone coding Slack [Chat thời gian thực với React]
Hãy cùng bắt đầu phát triển web bằng React một cách nghiêm túc thông qua việc xây dựng dịch vụ tương tự như Slack! Từ đăng ký, đăng nhập, tạo phòng cho đến trò chuyện thời gian thực!
2,899 học viên
Độ khó Trung cấp trở lên
Thời gian Không giới hạn
Quá trình sản xuất video tải lên kéo hình ảnh đã hoàn tất
Tôi đã tải lên mã nguồn API để kéo và tải hình ảnh lên GitHub.
Do sự khác biệt về cấu trúc websocket nên cơ chế hiển thị thời gian thực hơi khác nhau ở Kênh và DM.
https://github.com/ZeroCho/sleact/blob/master/alecture/comComponents/Chat/index.tsx
Phần nhận diện địa chỉ trong thành phần chat
https://github.com/ZeroCho/sleact/blob/master/alecture/pages/Channel/index.tsx
https://github.com/ZeroCho/sleact/blob/master/alecture/pages/DirectMessage/index.tsx
OnDrop, onDragOver là những khác biệt chính trong trang DM của trang kênh.
Nó cũng hiển thị số lượng tin nhắn chưa đọc.