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

> Aprenda cómo comenzar a usar Hooks SDK

# Getting started

<Tabs>
  <Tab title="Uso Independiente">
    Si desea usar este paquete sin [@0xsequence/connect](/sdk/web/wallet-sdk/ecosystem/getting-started), puede hacerlo siguiendo los pasos a continuación.

    <Steps>
      <Step title="Instale las librerías requeridas">
        ```bash theme={null}
            npm install @0xsequence/hooks @tanstack/react-query wagmi
            # or
            pnpm install @0xsequence/hooks @tanstack/react-query wagmi
            # or
            yarn add @0xsequence/hooks @tanstack/react-query wagmi
        ```
      </Step>

      <Step title="Obtenga una clave de acceso para su proyecto">
        Obtenga la clave de acceso de su proyecto desde el [Sequence Builder](https://sequence.build).
      </Step>

      <Step title="Envuelva su aplicación con los proveedores requeridos">
        ```typescript [config.ts] theme={null}
        import { mainnet, polygon } from "wagmi/chains"
        import { createConfig, http } from "wagmi"
        import { QueryClient } from "@tanstack/react-query"

        const wagmiConfig = createConfig({
          chains: [mainnet, polygon],
          transports: {
            [mainnet.id]: http('https://mainnet.example.com'),
            [polygon.id]: http('https://polygon.example.com'),
          },
        })

        const queryClient = new QueryClient()

        export { wagmiConfig, queryClient }
        ```

        ```typescript [main.tsx] theme={null}
        import React from "react";
        import ReactDOM from "react-dom/client";
        import "./index.css";

        import App from "./App";
        import { SequenceHooksProvider } from "@0xsequence/hooks";
        import { WagmiProvider } from "wagmi";
        import { queryClient, wagmiConfig } from "./config";
        import { QueryClientProvider } from "@tanstack/react-query";

        function Dapp() {
          return (
            <WagmiProvider config={wagmiConfig}>
              <QueryClientProvider client={queryClient}>
                <SequenceHooksProvider config={{ projectAccessKey: "AQAAAAAAAJbd_5JOcE50AqglZCtvu51YlGI" }}>
                  <App />
                </SequenceHooksProvider>
              </QueryClientProvider>
            </WagmiProvider>
           
          );
        }

        ReactDOM.createRoot(document.getElementById("root")!).render(
          <React.StrictMode>
            <Dapp />
          </React.StrictMode>
        );

        export default Dapp;
        ```
      </Step>

      <Step title="Comience a usarlo">
        Ahora puede comenzar a usar hooks como [useGetCoinPrices](/sdk/web/hooks-sdk/hooks/useGetCoinPrices).
      </Step>
    </Steps>
  </Tab>

  <Tab title="Con Connect SDK">
    Si desea usar este paquete con [@0xsequence/connect](/sdk/web/wallet-sdk/ecosystem/getting-started), puede hacerlo siguiendo los pasos a continuación.

    <Steps>
      <Step title="Instale y configure Connect SDK">
        Siga los pasos [aquí](/sdk/web/wallet-sdk/ecosystem/getting-started).
      </Step>

      <Step title="Instale Hooks SDK">
        ```bash theme={null}
            npm install @0xsequence/hooks
            # or
            pnpm install @0xsequence/hooks
            # or
            yarn add @0xsequence/hooks  
        ```
      </Step>

      <Step title="Envuelva su aplicación con el SequenceHooksProvider">
        ```typescript [main.tsx] theme={null}
            import React from "react";
            import ReactDOM from "react-dom/client";
            import "./index.css";

            import App from "./App";
            import { config } from "./config";
            import { SequenceConnect } from "@0xsequence/connect";
            import { SequenceHooksProvider } from "@0xsequence/hooks";

            function Dapp() {
                return (
                    <SequenceConnect config={config}>
                        <SequenceHooksProvider config={config.connectConfig}>
                            <App />
                        </SequenceHooksProvider>
                    </SequenceConnect>
                );
            }

            ReactDOM.createRoot(document.getElementById("root")!).render(
                <React.StrictMode>
                    <Dapp />
                </React.StrictMode>
            );

            export default Dapp;
        ```
      </Step>

      <Step title="Comience a usarlo">
        Ahora puede comenzar a usar hooks como [useGetCoinPrices](/sdk/web/hooks-sdk/hooks/useGetCoinPrices).
      </Step>
    </Steps>
  </Tab>
</Tabs>