ついに、Reactはエージェントとネイティブに通信する方法を手に入れました。 エージェント型UIの構築は、本来よりもずっと難しいです。 裏でエージェントを動かしています。もしかしたらLangGraphやCrewAI、あるいは他の何かかもしれません。 次に、あなたがしなければならないのは: → その出力をフロントエンドにストリーミングします → UIとエージェント間の状態を同期させる → ユーザーがリフレッシュした際の再接続処理 → エージェントのライフサイクル管理(開始・停止・リセット) → すべてをリアルタイムに感じさせる これを解決するために、多くのチームはWebSocketsや状態管理、そしてあちこちの手動イベント解析など、大量のカスタムグルーコードを書くことになります。 CopilotKitはちょうどv1.50を出荷したばかりで、まさにこの問題に対応しています。 中心は「useAgent()」で、これはReactのフックで、任意のエージェントに対してライブハンドルを表示できます。 例えば： '''const { agent } = useAgent({ agentId: "my-agent" });''' このフックは以下の通りです: - すべてのエージェントイベント(メッセージ、ツール呼び出し、部分出力、ステータス)をUIにストリーミングします - 会話状態を自動で同期させる - ユーザー入力をAG-UIイベントとしてラップして送信 - AG-UIを話すバックエンドなら(現在ほぼすべての主要フレームワークに対応しています)...