W końcu React zyskuje natywny sposób komunikacji z agentami. Budowanie agentowych interfejsów użytkownika wciąż jest znacznie trudniejsze, niż powinno być. Masz swojego agenta działającego w backendzie. Może to być LangGraph, CrewAI lub coś innego. Teraz musisz: → Przesyłać jego wyjścia do swojego frontend-u → Utrzymywać synchronizację stanu między UI a agentem → Obsługiwać ponowne połączenia, gdy użytkownicy odświeżają stronę → Zarządzać cyklem życia agenta (uruchom/ zatrzymaj/ zresetuj) → Sprawić, by wszystko działało w czasie rzeczywistym Aby to rozwiązać, większość zespołów kończy pisząc mnóstwo niestandardowego kodu łączącego, jak WebSockety tutaj, zarządzanie stanem tam, i ręczne parsowanie zdarzeń wszędzie. CopilotKit właśnie wydał wersję 1.50, która dokładnie to adresuje. Centralnym punktem jest `useAgent()`, który jest hookiem React, dającym Ci na żywo dostęp do dowolnego agenta. Na przykład: ```const { agent } = useAgent({ agentId: "my-agent" });``` Ten jeden hook: - Przesyła wszystkie zdarzenia agenta do Twojego UI (wiadomości, wywołania narzędzi, częściowe wyjścia, status) - Utrzymuje stan rozmowy zsynchronizowany automatycznie - Wysyła dane wejściowe użytkownika opakowane jako zdarzenia AG-UI - Działa z każdym backendem, który komunikuje się z AG-UI (co jest w zasadzie każdą główną ramą teraz)...