https://learn.tanhdev.com/tags/generative-ui/Recent content in Generative UI on Learn by TanhdevHugoen-usMon, 01 Jun 2026 10:00:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-1-beyond-chatbots/Sat, 16 May 2026 12:00:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-1-beyond-chatbots/Tại sao Chatbot làm giảm năng suất? Định nghĩa Generative UI, Zero UI và mô hình Multi-Agent Dashboard thay thế hoàn toàn giao diện hội thoại.https://learn.tanhdev.com/series/generative-ui-architecture/part-2-state-management/Sat, 16 May 2026 12:05:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-2-state-management/So sánh AIState và UIState. Kiến trúc Framework-Agnostic với Astro/Svelte. Khi nào dùng SSE, khi nào bắt buộc dùng WebSockets trong Generative UI.https://learn.tanhdev.com/series/generative-ui-architecture/part-3-component-registry/Sat, 16 May 2026 12:10:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-3-component-registry/Xây dựng Component Registry: cầu nối từ Backend MCP Agent tới Frontend Svelte. Mẫu Controlled Generative UI nguyên tắc vàng để AI không viết HTML.https://learn.tanhdev.com/series/generative-ui-architecture/part-4-security-a11y/Sat, 16 May 2026 12:15:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-4-security-a11y/Bảo mật GenUI: Ngăn Prompt Injection bằng Component Registry Allowlist. Validate JSON bằng Zod. Đảm bảo WCAG và aria-live cho UI sinh động.https://learn.tanhdev.com/series/generative-ui-architecture/part-5-human-in-the-loop/Sat, 16 May 2026 12:20:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-5-human-in-the-loop/Xử lý latency LLM bằng Skeleton Streaming & Optimistic UI. Thiết kế cơ chế Approve/Reject cho AI Agent. Graceful Degradation khi mất mạng.https://learn.tanhdev.com/series/generative-ui-architecture/part-6-e2e-testing-edge/Sat, 16 May 2026 12:25:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-6-e2e-testing-edge/Test GenUI non-deterministic bằng Property-Based Testing (Playwright). Semantic Caching với Cloudflare Workers giảm 90% chi phí LLM API.https://learn.tanhdev.com/series/generative-ui-architecture/part-7-reference-repo-migration/Sat, 16 May 2026 12:30:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/part-7-reference-repo-migration/Cấu trúc Astro + Svelte Boilerplate cho GenUI. Chiến lược Phased Rollout bằng Strangler Fig Pattern đưa AI vào hệ thống Legacy không cần Rewrite.https://learn.tanhdev.com/posts/generative-ui-with-mcp-ai-native-frontend/Mon, 01 Jun 2026 10:00:00 +0700https://learn.tanhdev.com/posts/generative-ui-with-mcp-ai-native-frontend/Thiết kế kiến trúc cho các ứng dụng Generative UI động với Model Context Protocol (MCP): registries động, đồng bộ hóa trạng thái client-agent, bảo mật và a11y.https://learn.tanhdev.com/posts/t%C6%B0%C6%A1ng-lai-c%E1%BB%A7a-l%E1%BA%ADp-tr%C3%ACnh-frontend-trong-k%E1%BB%B7-nguy%C3%AAn-ai/Sat, 16 May 2026 21:00:00 +0700https://learn.tanhdev.com/posts/t%C6%B0%C6%A1ng-lai-c%E1%BB%A7a-l%E1%BA%ADp-tr%C3%ACnh-frontend-trong-k%E1%BB%B7-nguy%C3%AAn-ai/10 dự đoán thực tế từ một kỹ sư frontend về Kiến trúc Frontend AI-Native đến năm 2028: Component Registries, chuẩn giao tiếp MCP, streaming transports, và sự...https://learn.tanhdev.com/series/generative-ui-architecture/executive-summary/Sat, 16 May 2026 12:00:00 +0700https://learn.tanhdev.com/series/generative-ui-architecture/executive-summary/Tổng quan cho Tech Lead & Architect: Chatbot đang thất bại ra sao và Generative UI (GenUI) giải quyết bài toán gì trong Enterprise Frontend.