# 核心组件

`@arcblock/did-connect-react` 库围绕几个核心组件构建，它们为将去中心化身份集成到您的应用程序中提供了基础。这些组件处理会话管理和面向用户的连接界面。

理解这两个核心组件是掌握该库的第一步。它们协同工作，提供无缝且安全的身份验证体验。

<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。它会显示二维码、登录选项（如 Passkeys 和 OAuth），并处理整个连接流程。您通常不会直接渲染它，而是以编程方式对其进行控制。
  </x-card>
</x-cards>

首先学习如何设置 `SessionProvider` 来管理整个应用程序的状态，然后探索 `DidConnect` 组件如何为用户的身份验证过程提供便利。