Svelte

Trong phần trước, chúng ta đã hiểu rằng Frontend Framework-Agnostic (như Astro) không nhận mã HTML từ AI, mà nhận dữ liệu JSON. Nhưng làm sao để Frontend biết cần phải render khối JSON đó thành một thẻ <Card>, một cái <Chart>, hay một <Form>? Câu trả lời nằm ở Component Registry — bộ não phân giải giao diện của kiến trúc Generative UI. 3.1. Sự hội tụ của MCP (Model Context Protocol) và Frontend Để hiểu Component Registry, ta cần đi ngược dòng lên Backend. Ở Backend, các hệ thống Agentic hiện đại đang chuẩn hóa việc giao tiếp với các hệ thống ngoại vi (như Database, API) thông qua chuẩn MCP (Model Context Protocol) (Xem thêm chi tiết tại Series: MCP Engineering In Production). ...

Đây là phần kết luận của series. Mọi lý thuyết kiến trúc tốt nhất cũng chỉ nằm trên giấy nếu chúng ta không có một đường hướng thực thi rõ ràng. Trong phần này, chúng sẽ định nghĩa một cấu trúc mã nguồn mẫu (Reference Repository) và chiến lược áp dụng (Migration Strategy) để đưa Generative UI vào các hệ thống đang hoạt động. 7.1. Cấu trúc thư mục Boilerplate (Astro + Svelte) Để kiến trúc Framework-Agnostic phát huy tối đa sức mạnh, chúng ta chọn Astro làm Orchestrator. Svelte được chọn làm UI framework vì nó biên dịch ra mã Vanilla JS cực nhẹ, không có Virtual DOM overhead như React, hoàn hảo cho các UI Component sinh động. ...