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

# Providers and Connectors Introduction

<Card title="Recommended: JavaScript SDK with React Hooks" icon="react" href="/javascript/reference/react-quickstart" color="#4779FE">
  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)](/javascript/reference/react-quickstart) to get started.
</Card>

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

#### Dynamic Context Provider

The [**DynamicContextProvider**](/react/reference/providers/dynamiccontextprovider) 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**](/react/reference/providers/dynamicwagmiconnector) is responsible for helping your Dynamic application to integrate with Wagmi out of the box.