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

# Providers and Connectors Introduction

> [card] Recommended: JavaScript SDK with React Hooks
>
> For new React apps, we recommend the JavaScript SDK with React Hooks (`@dynamic-labs-sdk/react-hooks`) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the [React quickstart (JavaScript SDK)](https://docs.dynamic.xyz/docs/javascript/reference/react-quickstart.md) to get started.

> [!TIP]
>
> You can see the full UI implemented at any time in our demo environment:
> [https://demo.dynamic.xyz](https://demo.dynamic.xyz)

#### Dynamic Context Provider

The [**DynamicContextProvider**](https://docs.dynamic.xyz/docs/react/reference/providers/dynamiccontextprovider.md) is a provider component provides the context for the rest of the components to work. It must wrap all Dynamic related components of your application.

#### Dynamic Wagmi Connector

The [**DynamicWagmiConnnector**](https://docs.dynamic.xyz/docs/react/reference/providers/dynamicwagmiconnector.md) is responsible for helping your Dynamic application to integrate with Wagmi out of the box.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.