# コアコンポーネント

`@arcblock/did-connect-react` ライブラリは、分散型アイデンティティをアプリケーションに統合するための基盤を提供するいくつかの重要なコンポーネントを中心に構築されています。これらのコンポーネントは、セッション管理とユーザー向けの接続インターフェースを処理します。

これら2つのコアコンポーネントを理解することは、ライブラリをマスターするための第一歩です。これらは連携して、シームレスで安全な認証体験を提供します。

<x-cards data-columns="2">
  <x-card data-title="SessionProvider" data-icon="lucide:key-round" data-href="/core-components/session-provider">
    ライブラリの中心です。このプロバイダーはアプリケーションをラップして、ユーザーセッションの状態を管理し、認証ロジックを処理し、セッションデータと制御関数をすべてのネストされたコンポーネントに公開します。
  </x-card>
  <x-card data-title="DidConnect" data-icon="lucide:qr-code" data-href="/core-components/did-connect">
    ユーザーインタラクションのための事前構築済みUIです。QRコード、ログインオプション（パスキーやOAuthなど）を表示し、接続フロー全体を処理します。通常、直接レンダリングするのではなく、プログラムで制御します。
  </x-card>
</x-cards>

まず、アプリケーション全体の状態を管理するために `SessionProvider` を設定する方法を学び、次に `DidConnect` コンポーネントがユーザー認証の過程をどのように促進するかを探ります。