Para

https://docs.getpara.com
Admin
Para provides SDKs and tools for integrating blockchain wallets and managing user data across...
Tokens:647,230
Snippets:3,266
Trust Score:6.9
Update:1 year ago
Show doc for...
Tokens:
Raw
### React Quickstart and Setup

Source: https://docs.getpara.com/v2/react/guides/web3-operations/cosmos/gas-sponsorship

Guides for getting started with Para in React applications, including setup for frameworks like Next.js, Vite, and TanStack Start.

```react
Start Building: https://docs.getpara.com/v2/react/quickstart
Explore Features: https://docs.getpara.com/v2/react/overview
Browse Examples: https://docs.getpara.com/v2/react/examples
Set up Next.js: https://docs.getpara.com/v2/react/setup/nextjs
Set up Vite: https://docs.getpara.com/v2/react/setup/vite
Set up TanStack Start: https://docs.getpara.com/v2/react/setup/tanstack-start
```

--------------------------------

### Para Server SDK - Getting Started and Setup

Source: https://docs.getpara.com/v2/server/troubleshooting

Guides for getting started with the Para Server SDK, including an overview, examples, and Node.js setup instructions. These resources help users quickly set up their server environment.

```APIDOC
Overview:
  - Provides a general understanding of the Para Server SDK.
  - Link: https://docs.getpara.com/v2/server/overview

Examples:
  - Demonstrates practical usage scenarios for the SDK.
  - Link: https://docs.getpara.com/v2/server/examples

Node.js Setup:
  - Step-by-step guide for setting up the SDK in a Node.js environment.
  - Link: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### React Quickstart and Overview

Source: https://docs.getpara.com/v2/react/guides/customization/developer-portal-setup

Guides for getting started with Para in a React environment, including quickstart instructions and an overview of available features.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/overview
```

--------------------------------

### React Quickstart and Overview

Source: https://docs.getpara.com/v2/react/guides/hooks/use-sign-up-or-login

Guides for getting started with Para in a React environment, including quickstart instructions and an overview of available features.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/overview
```

--------------------------------

### React Quickstart and Overview

Source: https://docs.getpara.com/v2/react/troubleshooting/react-vite

Guides for getting started with Para in a React application, including quickstart and general overview information.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/overview
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/manage-allowances

Get started with Para in your React application. This guide covers the initial setup and basic integration steps.

```react
import { ParaProvider } from '@para-wallet/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/setup/tanstack-start

Guides users through the initial setup and quickstart process for integrating Para with React applications. Covers essential steps to get started with Para's features in a React environment.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React Quickstart and Overview

Source: https://docs.getpara.com/v2/react/guides/customization/developer-portal-security

Guides for getting started with Para integration using React, including quickstart steps and an overview of features.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/overview
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/external-wallets/cosmos

Get started with Para in your React application. This guide covers the initial setup and basic integration steps.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/server/guides/guides/solana

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/sign-messages

Get started with Para in your React application. This guide covers the initial setup and basic integration steps.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/general/guides/evm/overview

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### React Quickstart and Overview

Source: https://docs.getpara.com/v2/react/guides/hooks/use-cosmjs-proto-signer

Guides for getting started with Para in a React environment, including quickstart and general overview information.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/overview
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/server/guides/guides/cosmos

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/send-tokens

Guides for getting started with Para in a React application, including project setup and feature exploration.

```react
https://docs.getpara.com/v2/react/quickstart
```

--------------------------------

### Para React Quickstart and Setup

Source: https://docs.getpara.com/v2/react/guides/hooks/use-client

Guides for setting up Para integration in React applications, including specific instructions for Next.js, Vite, and TanStack Start. Covers initial project setup and configuration.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/setup/nextjs
https://docs.getpara.com/v2/react/setup/vite
https://docs.getpara.com/v2/react/setup/tanstack-start
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/troubleshooting/tanstack-start

Guides users through the initial setup and quickstart for integrating Para with React applications. Covers essential steps to get started with Para's features.

```react
https://docs.getpara.com/v2/react/quickstart
```

--------------------------------

### React Quickstart and Overview

Source: https://docs.getpara.com/v2/react/guides/hooks/use-modal

Guides for getting started with Para in React, including a quickstart and an overview of available features.

```react
Start Building: https://docs.getpara.com/v2/react/quickstart
Explore Features: https://docs.getpara.com/v2/react/overview
Browse Examples: https://docs.getpara.com/v2/react/examples
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/hooks/use-viem-account

Get started with Para integration in your React application. This guide covers the initial setup and basic usage.

```react
import { useViemAccount } from '@para-xyz/react';

function MyComponent() {
  const { account, isConnecting, isReconnecting, isDisconnected } = useViemAccount();

  if (isConnecting || isReconnecting) return <div>Connecting...</div>;
  if (isDisconnected) return <div>Disconnected</div>;

  return (
    <div>
      Connected account: {account.address}
    </div>
  );
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/sessions

Get started with Para integration in your React application. This guide covers the initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/hooks/use-wallet

Get started with Para integration in your React application. This guide covers the initial setup and basic usage.

```react
import { useWallet } from '@para-fi/react';

function MyComponent() {
  const { connect, disconnect, address, isConnected } = useWallet();

  return (
    <div>
      {isConnected ? (
        <button onClick={disconnect}>Disconnect</button>
      ) : (
        <button onClick={connect}>Connect Wallet</button>
      )}
      {address && <p>Connected Address: {address}</p>}
    </div>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/hooks/use-account

Guide to quickly set up and start building with Para in a React environment. Covers initial setup and basic integration steps.

```react
import { useAccount } from '@para-fi/react';

function MyComponent() {
  const { account, isLoading, error } = useAccount();

  if (isLoading) return <p>Loading...</p>;
  if (error) return <p>Error: {error.message}</p>;

  return (
    <div>
      {account ? <p>Connected Account: {account.address}</p> : <p>No account connected</p>}
    </div>
  );
}
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/react/guides/web3-operations/smart-accounts/sponsor-user-operations

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/reown-appkit

Get started with integrating Para into your React application. This guide covers the initial setup and basic usage.

```react
import Para from '@getpara/react';

function App() {
  return (
    <Para>
      {/* Your application content */}
    </Para>
  );
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/hooks/para-provider

Guide to quickly start building with Para in a React application. Covers initial setup and core functionalities.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Web Framework Setup

Source: https://docs.getpara.com/v2/server/guides/guides/cosmos

Guides for setting up Para integration with various web frameworks including React, Next.js, Vue.js, and Svelte.

```APIDOC
React Setup:
  URL: https://docs.getpara.com/v2/react/setup/vite

Next.js Setup:
  URL: https://docs.getpara.com/v2/react/setup/nextjs

Vue.js Setup:
  URL: https://docs.getpara.com/v2/vue/setup/vite

Svelte Setup:
  URL: https://docs.getpara.com/v2/svelte/setup/vite
```

--------------------------------

### Web Framework Setup

Source: https://docs.getpara.com/v2/server/guides/guides/solana

Guides for setting up Para integration with various web frameworks including React, Next.js, Vue.js, and Svelte.

```APIDOC
React Setup:
  URL: https://docs.getpara.com/v2/react/setup/vite

Next.js Setup:
  URL: https://docs.getpara.com/v2/react/setup/nextjs

Vue.js Setup:
  URL: https://docs.getpara.com/v2/vue/setup/vite

Svelte Setup:
  URL: https://docs.getpara.com/v2/svelte/setup/vite
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/react/guides/guides/evm/wagmi

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### React Quickstart and Setup

Source: https://docs.getpara.com/v2/react/guides/hooks/use-wallet-state

Guides for setting up React projects with Para, including Next.js, Vite, and TanStack Start.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/setup/nextjs
https://docs.getpara.com/v2/react/setup/vite
https://docs.getpara.com/v2/react/setup/tanstack-start
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/walkthroughs/aave

A quick start guide for integrating Para with React applications. It covers initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/customize-para/required-customization

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/customization/guest-mode

Provides a quick start guide for integrating Para into a React application. This section covers the initial setup and basic usage.

```react
import { ParaProvider } from '@para-wallet/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/smart-accounts/sponsor-transactions

A quick start guide for building with Para using React. This section covers the initial setup and basic integration steps for React projects.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/custom-ui-hooks

Guide to quickly start building with Para using React. Covers initial setup and core functionalities.

```react
https://docs.getpara.com/v2/react/quickstart
```

--------------------------------

### React Quickstart and Setup

Source: https://docs.getpara.com/v2/react/guides/hooks/use-create-wallet

Guides for setting up Para integration in React projects, including specific instructions for Next.js, Vite, and TanStack Start.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/setup/nextjs
https://docs.getpara.com/v2/react/setup/vite
https://docs.getpara.com/v2/react/setup/tanstack-start
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/permissions

A quick start guide for integrating Para into a React application. It covers initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Web Framework Setup

Source: https://docs.getpara.com/v2/general/guides/evm/overview

Guides for setting up Para integration with various web frameworks including React, Next.js, Vue.js, and Svelte.

```APIDOC
React Setup:
  URL: https://docs.getpara.com/v2/react/setup/vite

Next.js Setup:
  URL: https://docs.getpara.com/v2/react/setup/nextjs

Vue.js Setup:
  URL: https://docs.getpara.com/v2/vue/setup/vite

Svelte Setup:
  URL: https://docs.getpara.com/v2/svelte/setup/vite
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/query-wallet-balance

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### Server Framework Setup

Source: https://docs.getpara.com/v2/react/guides/customization/guides/customization/developer-portal-email-branding

Guide for setting up Para integration with Node.js server frameworks.

```APIDOC
Node.js Setup:
  URL: https://docs.getpara.com/v2/server/setup
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/sign-with-para

A quick start guide for integrating Para into a React application. It covers initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Web Framework Setup

Source: https://docs.getpara.com/v2/react/guides/guides/evm/wagmi

Guides for setting up Para integration with various web frameworks including React, Next.js, Vue.js, and Svelte.

```APIDOC
React Setup:
  URL: https://docs.getpara.com/v2/react/setup/vite

Next.js Setup:
  URL: https://docs.getpara.com/v2/react/setup/nextjs

Vue.js Setup:
  URL: https://docs.getpara.com/v2/vue/setup/vite

Svelte Setup:
  URL: https://docs.getpara.com/v2/svelte/setup/vite
```

--------------------------------

### Web Framework Setup

Source: https://docs.getpara.com/v2/react/guides/web3-operations/smart-accounts/sponsor-user-operations

Guides for setting up Para integration with various web frameworks including React, Next.js, Vue.js, and Svelte.

```APIDOC
React Setup:
  URL: https://docs.getpara.com/v2/react/setup/vite

Next.js Setup:
  URL: https://docs.getpara.com/v2/react/setup/nextjs

Vue.js Setup:
  URL: https://docs.getpara.com/v2/vue/setup/vite

Svelte Setup:
  URL: https://docs.getpara.com/v2/svelte/setup/vite
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/examples

This guide provides a quick start for integrating Para into a React application. It covers the initial setup and basic usage patterns for React developers.

```javascript
import { ParaProvider } from '@para-xyz/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/setup-libraries

Quickstart guide for integrating Para into a React application. Covers initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/sign-typed-data

Guides for getting started with Para in a React application, including setup and basic usage.

```react
import Para from '@getpara/react';

// Initialize Para
Para.init({
  apiKey: 'YOUR_API_KEY',
});

// Example usage in a component
function MyComponent() {
  const connectWallet = async () => {
    await Para.connectWallet();
  };

  return (
    <button onClick={connectWallet}>Connect Wallet</button>
  );
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/walkthroughs/alchemy-eip7702-vs-smart-accounts

Guides for getting started with Para integration in React applications, including setup and basic usage.

```react
https://docs.getpara.com/v2/react/quickstart
```

--------------------------------

### React SDK Quickstart

Source: https://docs.getpara.com/v2/react/overview

Guides users through the initial steps of setting up and starting with the Para React SDK.

```react
import { ParaProvider } from '@para-fi/react-sdk';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/hooks/use-keep-session-alive

Get started with Para integration in your React application. This guide covers the initial setup and basic usage.

```react
import { usePara } from '@para-wallet/react';

function MyComponent() {
  const { connect, address, disconnect } = usePara();

  return (
    <div>
      {address ? (
        <button onClick={disconnect}>Disconnect</button>
      ) : (
        <button onClick={connect}>Connect Wallet</button>
      )}
      {address && <p>Connected Address: {address}</p>}
    </div>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/hooks/use-issue-jwt

Get started with integrating Para into your React application. This guide covers the initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React SDK Quickstart

Source: https://docs.getpara.com/v2/react/quickstart

A quickstart guide for integrating the Para React SDK into your project. Covers initial setup and basic usage.

```React
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/customization/modal

Guides for getting started with Para integration using React, including setup and exploring features.

```react
https://docs.getpara.com/v2/react/quickstart
```

--------------------------------

### Para SDK Walkthrough Guides

Source: https://docs.getpara.com/v2/react/guides/web3-operations/cosmos/setup-libraries

This section provides step-by-step guides for common integration scenarios and advanced use cases with the Para SDK. It includes topics like bulk wallet generation, integrating with specific blockchain protocols, and building browser extensions.

```javascript
// Example: Integrating with Aave v3
// Refer to: https://docs.getpara.com/v2/react/guides/aave

// This would involve using specific Para SDK hooks and potentially
// interacting with Aave's smart contracts via the SDK's client.

// import { useParaClient } from '@para-sdk/react';
// import { AaveV3Pool__factory } from './generated/factories/AaveV3Pool__factory';

// async function depositToAave(amount) {
//   const client = useParaClient(); // Get the Para SDK client
//   const aavePoolAddress = '0x...'; // Aave V3 Pool address
//   const signer = client.getSigner(); // Get the signer

//   const aavePool = AaveV3Pool__factory.connect(aavePoolAddress, signer);
//   const tx = await aavePool.deposit(tokenAddress, amount, '0', 1);
//   await tx.wait();
// }
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/cosmos/query-validators

Guides users through the initial setup and quickstart process for integrating Para into a React application. Covers essential steps to get started with Para's features.

```react
import Para from '@getpara/react';

// Initialize Para
Para.init({
  apiKey: 'YOUR_API_KEY',
});

// Example usage in a component
function App() {
  const connectWallet = async () => {
    await Para.connectWallet();
  };

  return (
    <button onClick={connectWallet}>Connect Wallet</button>
  );
}
```

--------------------------------

### Para Examples Hub

Source: https://docs.getpara.com/v2/react/guides/web3-operations/smart-accounts/setup-libraries

Explore the Examples Hub for sample applications and code snippets to aid your integration.

```introduction
Examples Hub
```

--------------------------------

### Para Integration Quickstarts

Source: https://docs.getpara.com/v2/react/setup/nextjs

Guides for quickly starting integration with Para for various frameworks and platforms.

```react
https://docs.getpara.com/v2/react/quickstart
```

```react-native
https://docs.getpara.com/v2/react-native/overview
```

```flutter
https://docs.getpara.com/v2/flutter/overview
```

```swift
https://docs.getpara.com/v2/swift/overview
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/walkthroughs/bulk-pregeneration

Guide to getting started with Para integration in a React application.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/cosmos/stake-tokens

A quickstart guide for integrating Para into a React application. It covers the initial steps to get started with building and exploring features.

```APIDOC
React Quickstart:

Start Building:
  - Description: Begin integrating Para into your React project.
  - Link: https://docs.getpara.com/v2/react/quickstart

Explore Features:
  - Description: Discover and utilize the various features offered by Para in React.
  - Link: https://docs.getpara.com/v2/react/overview

Browse Examples:
  - Description: View practical examples of Para integration in React applications.
  - Link: https://docs.getpara.com/v2/react/examples
```

--------------------------------

### React Quickstart and Setup

Source: https://docs.getpara.com/v2/react/guides/hooks/use-viem-client

Guides for setting up Para integration in React projects, including Next.js and Vite. Covers initial setup and exploring features.

```react
import { useViemClient } from '@para-fi/react';

function MyComponent() {
  const client = useViemClient();
  // Use the client for blockchain interactions
  return <div>Para integration setup</div>;
}
```

--------------------------------

### Node.js Setup Guide

Source: https://docs.getpara.com/v2/server/examples

This documentation entry outlines the setup process for integrating Para within a Node.js server environment. It directs users to the relevant setup guide for Node.js.

```APIDOC
Node.js Server Setup:
  - Guide: https://docs.getpara.com/v2/server/setup
  - Purpose: Provides instructions for setting up Para integration in a Node.js application.
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/solana/setup-swig

Get started with Para integration in your React application.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Set up TanStack Start with Para

Source: https://docs.getpara.com/v2/react/quickstart

Instructions for setting up the Para SDK with TanStack Start.

```React
/* Follow instructions at https://docs.getpara.com/v2/react/setup/tanstack-start */
```

--------------------------------

### Para Launch Checklist

Source: https://docs.getpara.com/v2/react/guides/web3-operations/smart-accounts/setup-libraries

A checklist to guide you through the launch process with Para.

```general
Launch Checklist
```

--------------------------------

### Para Documentation Links

Source: https://docs.getpara.com/v2/server/guides/guides/solana

Key links to different sections of the Para documentation, including getting started, migration, general guides, and architecture.

```APIDOC
Para Docs Home:
  URL: https://docs.getpara.com/

Getting Started:
  Welcome: https://docs.getpara.com/v2/introduction/welcome
  React Quickstart: https://docs.getpara.com/v2/react/quickstart
  Server Overview: https://docs.getpara.com/v2/server/overview
  React Native Overview: https://docs.getpara.com/v2/react-native/overview
  Flutter Overview: https://docs.getpara.com/v2/flutter/overview
  Swift Overview: https://docs.getpara.com/v2/swift/overview

What's New:
  v2.0 Alpha: https://docs.getpara.com/v2/introduction/whats-new

Examples:
  Examples Hub: https://docs.getpara.com/v2/introduction/examples

Framework Support:
  Framework Support: https://docs.getpara.com/v2/introduction/framework-support

Migration Guides:
  v1.x to v2.0: https://docs.getpara.com/v2/introduction/migration-to-alpha
  Migrate from Other Wallets: https://docs.getpara.com/v2/introduction/migration-to-para

General Guides:
  Chain Support: https://docs.getpara.com/v2/introduction/chain-support
  Launch Checklist: https://docs.getpara.com/v2/general/checklist
  Wallet Pregeneration: https://docs.getpara.com/v2/general/pregen
  User Data Management: https://docs.getpara.com/v2/general/user-data
  Account Abstraction: https://docs.getpara.com/v2/general/account-abstraction
  Telegram Bots & Mini-Apps: https://docs.getpara.com/v2/general/telegram

Architecture & Security:
  Architecture Overview: https://docs.getpara.com/v2/concepts/architecture
  Key Management System: https://docs.getpara.com/v2/concepts/key-management
  Security Mechanisms: https://docs.getpara.com/v2/concepts/security
  Wallet Recovery Process: https://docs.getpara.com/v2/concepts/recovery
  Universal Embedded Wallets: https://docs.getpara.com/v2/concepts/portability
  Technical FAQ: https://docs.getpara.com/v2/concepts/technical-faq

Troubleshooting:
  Troubleshooting: https://docs.getpara.com/v2/general/troubleshooting

Resources:
  Para Video Resources: https://docs.getpara.com/v2/general/webinars
  Glossary: https://docs.getpara.com/v2/general/glossary
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/execute-transactions

A quick start guide for integrating Para into a React application. Covers initial setup and basic usage.

```react
import React from 'react';

function App() {
  return (
    <div>
      <h1>Welcome to Para Integration</h1>
      {/* Your Para integration components here */}
    </div>
  );
}

export default App;
```

--------------------------------

### Para Documentation Links

Source: https://docs.getpara.com/v2/react/guides/web3-operations/smart-accounts/sponsor-user-operations

Key links to different sections of the Para documentation, including getting started, migration, general guides, and architecture.

```APIDOC
Para Docs Home:
  URL: https://docs.getpara.com/

Getting Started:
  Welcome: https://docs.getpara.com/v2/introduction/welcome
  React Quickstart: https://docs.getpara.com/v2/react/quickstart
  Server Overview: https://docs.getpara.com/v2/server/overview
  React Native Overview: https://docs.getpara.com/v2/react-native/overview
  Flutter Overview: https://docs.getpara.com/v2/flutter/overview
  Swift Overview: https://docs.getpara.com/v2/swift/overview

What's New:
  v2.0 Alpha: https://docs.getpara.com/v2/introduction/whats-new

Examples:
  Examples Hub: https://docs.getpara.com/v2/introduction/examples

Framework Support:
  Framework Support: https://docs.getpara.com/v2/introduction/framework-support

Migration Guides:
  v1.x to v2.0: https://docs.getpara.com/v2/introduction/migration-to-alpha
  Migrate from Other Wallets: https://docs.getpara.com/v2/introduction/migration-to-para

General Guides:
  Chain Support: https://docs.getpara.com/v2/introduction/chain-support
  Launch Checklist: https://docs.getpara.com/v2/general/checklist
  Wallet Pregeneration: https://docs.getpara.com/v2/general/pregen
  User Data Management: https://docs.getpara.com/v2/general/user-data
  Account Abstraction: https://docs.getpara.com/v2/general/account-abstraction
  Telegram Bots & Mini-Apps: https://docs.getpara.com/v2/general/telegram

Architecture & Security:
  Architecture Overview: https://docs.getpara.com/v2/concepts/architecture
  Key Management System: https://docs.getpara.com/v2/concepts/key-management
  Security Mechanisms: https://docs.getpara.com/v2/concepts/security
  Wallet Recovery Process: https://docs.getpara.com/v2/concepts/recovery
  Universal Embedded Wallets: https://docs.getpara.com/v2/concepts/portability
  Technical FAQ: https://docs.getpara.com/v2/concepts/technical-faq

Troubleshooting:
  Troubleshooting: https://docs.getpara.com/v2/general/troubleshooting

Resources:
  Para Video Resources: https://docs.getpara.com/v2/general/webinars
  Glossary: https://docs.getpara.com/v2/general/glossary
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/hooks/use-wallet-balance

A quick start guide for integrating Para into a React application. Covers initial setup and basic usage.

```react
import { usePara } from '@para-fi/react';

function App() {
  const { connect, disconnect, account } = usePara();

  return (
    <div>
      {account ? (
        <button onClick={disconnect}>Disconnect</button>
      ) : (
        <button onClick={connect}>Connect Wallet</button>
      )}
      {account && <p>Connected account: {account.address}</p>}
    </div>
  );
}
```

--------------------------------

### React Quickstart and Setup

Source: https://docs.getpara.com/v2/react/guides/hooks/use-solana-signer

Guides for setting up Para integration in React applications, including Next.js, Vite, and TanStack Start.

```react
https://docs.getpara.com/v2/react/quickstart
https://docs.getpara.com/v2/react/setup/nextjs
https://docs.getpara.com/v2/react/setup/vite
https://docs.getpara.com/v2/react/setup/tanstack-start
```

--------------------------------

### Para Documentation Links

Source: https://docs.getpara.com/v2/server/guides/guides/cosmos

Key links to different sections of the Para documentation, including getting started, migration, general guides, and architecture.

```APIDOC
Para Docs Home:
  URL: https://docs.getpara.com/

Getting Started:
  Welcome: https://docs.getpara.com/v2/introduction/welcome
  React Quickstart: https://docs.getpara.com/v2/react/quickstart
  Server Overview: https://docs.getpara.com/v2/server/overview
  React Native Overview: https://docs.getpara.com/v2/react-native/overview
  Flutter Overview: https://docs.getpara.com/v2/flutter/overview
  Swift Overview: https://docs.getpara.com/v2/swift/overview

What's New:
  v2.0 Alpha: https://docs.getpara.com/v2/introduction/whats-new

Examples:
  Examples Hub: https://docs.getpara.com/v2/introduction/examples

Framework Support:
  Framework Support: https://docs.getpara.com/v2/introduction/framework-support

Migration Guides:
  v1.x to v2.0: https://docs.getpara.com/v2/introduction/migration-to-alpha
  Migrate from Other Wallets: https://docs.getpara.com/v2/introduction/migration-to-para

General Guides:
  Chain Support: https://docs.getpara.com/v2/introduction/chain-support
  Launch Checklist: https://docs.getpara.com/v2/general/checklist
  Wallet Pregeneration: https://docs.getpara.com/v2/general/pregen
  User Data Management: https://docs.getpara.com/v2/general/user-data
  Account Abstraction: https://docs.getpara.com/v2/general/account-abstraction
  Telegram Bots & Mini-Apps: https://docs.getpara.com/v2/general/telegram

Architecture & Security:
  Architecture Overview: https://docs.getpara.com/v2/concepts/architecture
  Key Management System: https://docs.getpara.com/v2/concepts/key-management
  Security Mechanisms: https://docs.getpara.com/v2/concepts/security
  Wallet Recovery Process: https://docs.getpara.com/v2/concepts/recovery
  Universal Embedded Wallets: https://docs.getpara.com/v2/concepts/portability
  Technical FAQ: https://docs.getpara.com/v2/concepts/technical-faq

Troubleshooting:
  Troubleshooting: https://docs.getpara.com/v2/general/troubleshooting

Resources:
  Para Video Resources: https://docs.getpara.com/v2/general/webinars
  Glossary: https://docs.getpara.com/v2/general/glossary
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/evm/query-balances

A quick start guide for integrating Para into a React application. It covers initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider apiKey="YOUR_API_KEY">
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/cosmos/claim-rewards

A quick start guide for integrating Para into a React application. This section covers the initial setup and basic usage.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider>
      {/* Your app content */}
    </ParaProvider>
  );
}
```

--------------------------------

### Set Up Your Framework - TanStack Start

Source: https://docs.getpara.com/v2/react/guides/web3-operations/get-all-wallets

This guide provides instructions for setting up your React project with TanStack Start to integrate with the Para SDK. It covers the initial configuration steps required for a TanStack environment.

```react
# Install the Para SDK
npm install @para-wallet/sdk

# Or using yarn
yarn add @para-wallet/sdk

# Configure your TanStack project to use Para components and hooks.
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/sessions-transfer

A quick start guide for integrating Para into a React application. This section covers the initial setup and basic usage.

```react
import React from 'react';

function App() {
  return (
    <div>
      <h1>Welcome to Para Integration</h1>
      {/* Your Para integration components here */}
    </div>
  );
}
```

--------------------------------

### Para React Setup and Integration

Source: https://docs.getpara.com/v2/react/guides/web3-operations/solana/execute-transactions

Guides for setting up and integrating Para into React applications, including quickstart, general overview, and specific framework setups like Next.js, Vite, and TanStack Start.

```react
import { ParaProvider } from '@para-fi/react';

function App() {
  return (
    <ParaProvider>
      {/* Your application components */}
    </ParaProvider>
  );
}

export default App;
```

```APIDOC
Para React Provider:

ParaProvider:
  Provides the Para context to your React application.
  Wrap your root component with ParaProvider to access Para functionalities.

Props:
  children: ReactNode - The child components that will have access to the Para context.

Usage:
<ParaProvider>
  <YourApp />
</ParaProvider>

Framework Setups:

Next.js:
  Ensure ParaProvider is included in your _app.js or _app.tsx file.

Vite:
  Configure your main.jsx or main.tsx to include ParaProvider.

TanStack Start:
  Integrate ParaProvider within the main application setup file.
```

--------------------------------

### React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/switch-wallet

A quickstart guide for setting up Para integration in a React application. It covers initial setup and basic usage.

```react
import Para from '@getpara/sdk-react';

// Initialize Para
const para = new Para({
  apiKey: 'YOUR_API_KEY',
});

// Example usage: Get wallet address
async function getWalletAddress() {
  const address = await para.getWalletAddress();
  console.log('Wallet Address:', address);
}
```

--------------------------------

### Para React Quickstart

Source: https://docs.getpara.com/v2/react/guides/web3-operations/query-wallet-balance

A quick start guide for integrating Para into a React application. This section covers initial setup and basic usage.

```react
import React from 'react';

function App() {
  return (
    <div>
      <h1>Welcome to Para Integration</h1>
      {/* Your Para integration components here */}
    </div>
  );
}

export default App;
```

--------------------------------

### Para Migration Guides

Source: https://docs.getpara.com/v2/react/guides/web3-operations/smart-accounts/setup-libraries

Guides for migrating from previous versions of Para or other wallets.

```introduction
v1.x to v2.0 Migration
Migrate from Other Wallets
```
Tokens:
Raw