Dựng Ứng Dụng Chat Realtime Fullstack | React + Socket.IO | Dự Án Moji (Phần 3)

👉 Tham gia lộ trình lập trình Web trọn bộ với mình tại: https://mtikcodepro.com/ Nội dung Video: 0:00:00 – Giới thiệu series realtime chat 0:01:49 – Tải Sidebar block từ shadcn/ui 0:08:53 – Viết lại và tùy chỉnh App Sidebar 0:16:10 – Xử lý toggle Dark / Light theme 0:21:08 – Persist user và setup useChatStore 0:28:36 – Fetch danh sách cuộc trò chuyện 0:31:22 – DirectMessageList & GroupChatList 0:34:08 – Xây dựng ChatCard 0:42:22 – DirectMessageCard & GroupChatCard 0:49:03 – UserAvatar, StatusBadge và UnreadBadge 1:01:27 – Nav user và chức năng đăng xuất 1:05:48 – Fetch danh sách tin nhắn 1:14:42 – ChatWindowLayout 1:17:52 – Màn hình chào khi chưa chọn chat 1:20:31 – ChatWindowHeader 1:27:42 – ChatWindowBody & beautiful scrollbar 1:33:17 – MessageItem 1:41:26 – MessageInput 1:46:49 – Tích hợp emoji picker 1:51:37 – Gửi tin nhắn 2:03:08 – Giới thiệu và setup Socket.IO 2:19:40 – Realtime status badge (Header & ChatCard) 2:24:25 – Gửi tin nhắn realtime ============================================== Source code: https://mtikcodepro.com/source?repo=m... Tài liệu: https://drive.google.com/drive/folder...