Enfin, React obtient un moyen natif de communiquer avec des agents. Construire des interfaces utilisateur agentiques est encore beaucoup plus difficile qu'il ne devrait l'être. Vous avez votre agent fonctionnant en arrière-plan. Peut-être que c'est LangGraph, CrewAI, ou autre chose. Maintenant, vous devez : → Diffuser ses sorties vers votre frontend → Garder l'état synchronisé entre l'UI et l'agent → Gérer les reconnexions lorsque les utilisateurs actualisent → Gérer le cycle de vie de l'agent (démarrer/arrêter/réinitialiser) → Faire en sorte que tout semble en temps réel Pour résoudre cela, la plupart des équipes finissent par écrire une tonne de code de liaison personnalisé, comme des WebSockets ici, de la gestion d'état là, et du parsing d'événements manuel partout. CopilotKit vient de sortir la version 1.50, et cela répond exactement à ce besoin. Le point central est `useAgent()`, qui est un hook React qui vous donne un accès en direct à n'importe quel agent. Par exemple : ```const { agent } = useAgent({ agentId: "my-agent" });``` Ce hook unique : - Diffuse tous les événements de l'agent dans votre UI (messages, appels d'outils, sorties partielles, statut) - Garde l'état de la conversation synchronisé automatiquement - Envoie l'entrée utilisateur encapsulée en tant qu'événements AG-UI - Fonctionne avec n'importe quel backend qui parle AG-UI (ce qui est pratiquement chaque framework majeur maintenant)...