강의

멘토링

로드맵

BEST
Programming

/

Front-end

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!

(4.8) 97 đánh giá

2,899 học viên

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

  • zerocho
Clone Coding
Clone Coding
React
React
TypeScript
TypeScript
Webpack
Webpack
Babel
Babel
Clone Coding
Clone Coding
React
React
TypeScript
TypeScript
Webpack
Webpack
Babel
Babel

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.

Bình luận