@blocklet/did-space-reactのドキュメントへようこそ。このライブラリは、DID Spaceをアプリケーションに統合するプロセスを簡素化するために設計されたReactコンポーネントのセットを提供します。これらのツールを使用すると、ユーザーがDID Spaceに接続して関連情報を表示できるようになり、シームレスで分散型のユーザーエクスペリエンスを簡単に実現できます。
このパッケージの主な目標は、DID Spaceとのやり取りの複雑さを抽象化し、接続フロー、データ表示、ステータス更新を処理するシンプルで再利用可能なコンポーネントを提供することです。
コアコンポーネント
このパッケージは、DID Space統合の基本機能をカバーする2つの中心的なコンポーネントで構成されています。
DIDSpaceConnect
DID Spaceへの接続プロセスを開始するボタンコンポーネントです。認証フローを管理し、ユーザーの初回接続と再接続の両方を処理します。
DIDSpaceConnection
接続されたDID Spaceの詳細（名前、DID、接続ステータス、その他の関連情報など）を表示するための多機能な表示カードです。簡単にカスタマイズできるように設計されています。
仕組み
これらのコンポーネントは連携して、完全なユーザージャーニーを提供します。DIDSpaceConnectコンポーネントが認証と接続ロジックを処理し、DIDSpaceConnectionコンポーネントがその接続結果を視覚化します。
主な機能
- 簡単な統合: 最小限の設定で迅速に立ち上げて実行できます。
- 組み込みUI: 接続と表示のためのすぐに使えるコンポーネントを提供し、開発時間を節約します。
- 柔軟性とカスタマイズ性:
DIDSpaceConnectionカードにカスタムアクションボタンやフッターコンテンツを追加するなど、コンポーネントの外観と機能を簡単に調整できます。 - セッション対応: 接続されたDID Spaceをユーザーのセッションに自動的に関連付け、データの永続化を簡素化します。
- レスポンシブデザイン: コンポーネントは、デスクトップとモバイルデバイスの両方でシームレスに動作するように設計されています。
次のステップ
@blocklet/did-space-reactが提供する機能の概要を理解したところで、構築を開始する準備が整いました。パッケージのインストールと最初のDID Space接続の実装に関するステップバイステップのチュートリアルについては、はじめにガイドに進んでください。