WebSockets

← Chương trước: Phần 1 — Beyond Chatbots | Mục lục Series | Chương tiếp theo: Phần 3 — Component Registry → Answer-first: Quản lý trạng thái GenUI phân định rõ rệt AIState (JSON serializable phía backend) và UIState (component dynamic phía client). Kiến trúc Framework-Agnostic dựa trên Astro Islands và chuẩn A2UI truyền nhận qua WebSockets hai chiều, loại bỏ hoàn toàn sự phụ thuộc vào React Server Components (RSC). Trong phần trước, chúng ta đã thống nhất việc loại bỏ Chatbot để tiến tới Generative UI. Nhưng để AI có thể “đẻ” ra được các UI Component ngay trên màn hình người dùng, Frontend và Backend không thể chỉ giao tiếp qua các API stateless thông thường. Chúng cần chia sẻ một trạng thái (State) chung. ...

Answer-first: Frontend AI-Native chuyển đổi từ Component Tree tĩnh sang Generative UI động với Model Context Protocol (MCP) và Edge Runtime (Cloudflare Workers/Astro). Giao diện được sinh theo ngữ cảnh người dùng với latency dưới 100ms, thu gọn 70% boilerplate client-side và tái định nghĩa vai trò kỹ sư từ viết UI sang thiết kế Design System Contracts. 🇬🇧 Read the English version of this article on tanhdev.com Tôi đã và đang thiết kế các hệ thống Frontend AI-Native trong năm qua — đặc biệt là xoay quanh Generative UI, Model Context Protocol (MCP), và Kiến trúc Island của Astro. Đó là một khoảng thời gian ngắn, nhưng đủ dài để quan sát thấy những sự dịch chuyển cấu trúc mà các cuộc thảo luận đại chúng chưa nhận ra. ...