# フック

`@arcblock/did-connect-react` ライブラリは、プログラムによる制御と柔軟なデータアクセスを提供する強力なReactフックのセットを提供します。[SessionProvider](./core-components-session-provider.md) は便利なコンテキストベースのアプローチを提供しますが、フックは複雑なUIや高度なユースケースに必要なきめ細かい制御を提供します。

これらのフックを使用すると、接続フローの管理、ユーザーデータへのアクセス、および `SessionProvider` のスコープ内の任意のコンポーネントからさまざまな認証方法を統合できます。

<x-cards data-columns="3">
  <x-card data-title="useConnect" data-icon="lucide:plug-zap" data-href="/hooks/use-connect">
    DID Connect UIモーダルをプログラムで開閉・管理します。これは接続フローを制御するためのコアフックです。
  </x-card>
  <x-card data-title="useDid" data-icon="lucide:user-check" data-href="/hooks/use-did">
    セッションから認証されたユーザーのDID、プロフィール、ウォレット情報に簡単にアクセスして作業するための便利なユーティリティフックです。
  </x-card>
  <x-card data-title="useOAuth & usePasskey" data-icon="lucide:key-round" data-href="/hooks/use-oauth-passkey">
    モダンで代替的な認証方法を統合します。`useOAuth` はソーシャルログインを処理し、`usePasskey` は安全なパスワードレス認証を可能にします。
  </x-card>
</x-cards>

## 概要

これらのフックを活用することで、高度にカスタマイズされたシームレスなユーザーエクスペリエンスを構築できます。まず `useConnect` を調べてログインフローをトリガーする方法を理解し、次に `useDid` がユーザー情報を表示するのにどのように役立つかを確認してください。

さらに深く掘り下げますか？上記のフックから選択して詳細を学ぶか、[UIコンポーネント](./ui-components.md)セクションに進んでユーザーデータの表示方法を確認してください。