> ## Documentation Index
> Fetch the complete documentation index at: https://dynamic-docs-feat-sidebar-revamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction to the SDK

> The SDK allows you to build authentication and authorization into your application in a few lines of code.

<Info>
  The SDK is compatible with React 18 and React 19.
</Info>

## Getting Started

We provider step by step guides on getting started with the SDK [here](/quickstart).

You'll also want to check out the [UI components customization guides](/ui-components), or [the headless guides](/headless/headless-overview) if you need to use your own UI components.

Below we'll introduce you to the main parts of the SDK and how they can be used.

## Main Concepts

### Loading States

[Our Loading/Login States guide](/react-sdk/loading-login-states) show you how do everything from wait for the SDK to be loaded to checking if a user is authenticated.

### Components

[Components](/react-sdk/components/components-introduction) exist as three main types:

1. UI components (create UI for different parts of the onboarding flow)
2. Context providers (wrap your app in a React context to access SDK functionality)
3. Connectors (help integrate different parts of the SDK i.e. Wagmi or specific chains)

### Handlers

[Handlers](/react-sdk/handlers/handlers-introduction) are a way to programmatically customize synchronous behaviors of the SDK (i.e. run a blocking fraud check during wallet connection).

### Events

[Events](/react-sdk/events/events-introduction) are a way to listen for SDK events and run your own asynchronous code at certain points.

### Hooks

[Dynamic hooks](/react-sdk/hooks/hooks-introduction) are custom React hooks that allow you to access SDK functionality in your React components.

### Utilities

[Utilities](/react-sdk/utilities/utilities-introduction) are functions that allow you to do certain tasks in your application quickly i.e. check the network of a wallet.