Akhirnya, React mendapatkan cara asli untuk berbicara dengan agen. Membangun UI agen masih jauh lebih sulit dari yang seharusnya. Anda memiliki agen Anda yang berjalan di backend. Mungkin itu LangGraph, CrewAI, atau yang lainnya. Sekarang Anda perlu: → Streaming outputnya ke frontend Anda → Menjaga status tetap sinkron antara UI dan agen → Menangani koneksi ulang saat pengguna me-refresh → Mengelola siklus hidup agen (mulai/berhenti/mengatur ulang) → Buat semuanya terasa real-time Untuk mengatasi hal ini, sebagian besar tim akhirnya menulis banyak kode lem khusus, seperti WebSockets di sini, manajemen status di sana, dan penguraian peristiwa manual di mana-mana. CopilotKit baru saja dikirimkan v1.50, dan ini membahas hal ini. Bagian tengahnya adalah 'useAgent()', yang merupakan hook React yang memberi Anda pegangan langsung ke agen mana pun. Misalnya: '''const { agent } = useAgent({ agentId: "my-agent" });''' Hook yang satu ini: - Mengalirkan semua peristiwa agen ke UI Anda (pesan, panggilan alat, output parsial, status) - Menjaga status percakapan tetap disinkronkan secara otomatis - Mengirim input pengguna yang dibungkus sebagai peristiwa AG-UI - Bekerja dengan backend apa pun yang berbicara AG-UI (yang pada dasarnya adalah setiap kerangka kerja utama sekarang)...