Dev Notes
Ghi chú kỹ thuật từ thực chiến — React, FastAPI, Docker, SEO.
React Optimistic Update: Hiển thị reply ngay mà không reload trang
Thay vì gọi refetch() sau khi POST reply, append dữ liệu vào local state ngay lập tức — người dùng thấy phản hồi tức thì, không mất scroll position, Socket.IO dedup xử lý phần còn lại.
Dùng Cloudflare Tunnel để demo localhost trên điện thoại và nhiều thiết bị
Cloudflare Tunnel (cloudflared) tạo URL public trỏ vào localhost của bạn — không cần mở port, không cần VPS, demo được ngay trên điện thoại và cho khách hàng.
Chạy FastAPI và Socket.IO chung một process ASGI với socketio.ASGIApp
Hướng dẫn kết hợp FastAPI REST và Socket.IO realtime trong một server duy nhất dùng socketio.ASGIApp làm ASGI wrapper.
Docker Compose mất file upload sau khi restart container — fix bằng volume mount
File upload lưu trong container filesystem sẽ biến mất khi container bị xoá hoặc rebuild. Cách đúng là mount volume ra ngoài host.
Lỗi 'toFixed is not a function' trong React do MySQL trả DECIMAL thành string
Khi MySQL trả cột DECIMAL về JavaScript, giá trị là string chứ không phải number — gọi toFixed() trực tiếp sẽ crash. Bài này giải thích nguyên nhân và cách fix gọn.