Dev Notes
Ghi chú kỹ thuật từ thực chiến — React, FastAPI, Docker, SEO.
React: gửi reply không reload cả trang với optimistic update và silent refetch
Kỹ thuật optimistic update giúp UI phản hồi ngay khi người dùng gửi reply, sau đó silent refetch để đồng bộ state thật từ server — không flash, không reload.
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.