DID Space Reactライブラリは、DID Spacesへの接続と対話のプロセスを効率化するための一連のコアコンポーネントを提供します。これらのコンポーネントは、認証、ステータスチェック、データ表示のための複雑なロジックをカプセル化しており、機能豊富なアプリケーションを簡単に構築できます。
2つの主要なコンポーネントはDIDSpaceConnectとDIDSpaceConnectionです。
DIDSpaceConnect
DID Spacesの完全な認証と接続フローを処理する多機能なボタンコンポーネントです。初回接続、再接続、セッションベースのフローなど、さまざまな接続モードをサポートしています。
詳細を見るDIDSpaceConnection
DID Spaceの名前、DID、NFTアバターなどの基本情報を表示するカードです。接続ステータス（接続済み、切断済み、エラー）を動的に表示し、カスタムアクション用のスロットを提供します。
詳細を見る連携の仕組み
これらのコンポーネントは独立して使用することもできますが、連携して強力に機能するように設計されています。一般的なパターンは、DIDSpaceConnectionコンポーネントを使用して利用可能なスペースのリストを表示し、そのactionプロパティ内にDIDSpaceConnectコンポーネントを埋め込んで、各スペースに対してユーザーに「接続」または「再接続」ボタンを提供することです。
この図は、典型的なユーザーインタラクションフローを示しています。
始めるには、各コンポーネントの詳細なドキュメントをご覧ください。接続プロセスを理解するために、まずDIDSpaceConnectコンポーネントから始めることをお勧めします。
次に、DIDSpaceConnectコンポーネントについて詳しく学びましょう。