> ## 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.

# Hooks Introduction

<Card title="Recommended: JavaScript SDK with React Hooks" icon="react" 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>

Dynamic offers many different custom [React hooks](https://react.dev/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) for different tasks within your code.

You can import them directly from the @dynamic-labs/sdk-react-core package, for example:

```jsx theme={"system"}
import { useDynamicContext } from '@dynamic-labs/sdk-react-core'
```

We've grouped the hooks into the following categories:

* [Login & User Management](/react/reference/hooks/login-user-management)
* [Embedded Wallets](/react/reference/hooks/embedded-wallets)
* [Wallets](/react/reference/hooks/wallets)
* [Funding](/react/reference/hooks/funding)
* [Other](/react/reference/hooks/hooks-introduction)

The most important hook is [useDynamicContext](/react/reference/hooks/usedynamiccontext) which gives you access to the full context which is initially set via the `DynamicContextProvider` component, so we've kept that separate.