Okto React SDK Documentation

A complete guide to integrating Okto into your React applications.

Introduction to Okto React SDK

Okto React SDK is your all-in-one toolkit for integrating Web3 functionality into any React application. With minimal setup time, you can effortlessly onboard your users to the Web3 ecosystem and provide them with a seamless experience.

GitHub Repository
View Source Code

Key Features

  • Out-of-the-Box Chain Support

    Integrate with a wide range of blockchain networks, including:

    • EVM Chains: Ethereum, Polygon, Binance Smart Chain, and other EVM-compatible networks.
    • Non-EVM Chains: Solana and Aptos.
    • Upcoming Support: Cosmos will be supported soon, expanding your app's capabilities further.

  • Customizable UI
    Leverage Okto’s built-in components or tailor the user interface to match your app’s branding, offering a seamless onboarding journey.

  • Comprehensive Toolkit

    • Tokens: Manage and interact with various cryptocurrencies and tokens.
    • NFTs: Support for minting, transferring, and managing NFTs.
    • Advanced Contract Interactions: Execute and interact with smart contracts directly from your app.

  • Multiple Authentication Methods
    Integrate Google OAuth, Email/Phone OTP, or JWT flows to give users multiple ways to sign in—without compromising on security.

Video Walkthrough

Our documentation is organized to guide you through every stage of your development journey—from setting up the SDK to implementing advanced features. Below is an overview of the key sections and what they offer:

1. Getting Started

Begin your journey by learning the essentials of setting up and configuring Okto within a new or existing React Native project.

  • Prerequisites: Before you can begin, confirm you’ve got the necessary dependencies (Node, React, Okto API key) and set up your Google OAuth credentials if you’re using that flow.

  • Quickstart Guide: A step-by-step walkthrough to install and initialize the SDK in less than 10 minutes.

2. Using React Features

Discover how to make the most of the Okto React SDK with prebuilt components and hooks that simplify common Web3 operations.

  • Components: Set up the OktoProvider to initialize your app with all of Okto’s functionalities.

  • Hooks: Access a host of capabilities—from token transfers to on-chain reads—through a single hook in any component.

3. SDK Configurations

Explore the capabilities of the Okto React SDK to maximize the potential of your Web3 application. From multi-chain support and user authentication to token management and smart contract interactions, this section provides a deep dive into features designed for scalability and customization.

  • Chains and Tokens: Learn how to retrieve network and token information using the Okto SDK.

  • Authenticate Users: Implement authentication login flows, including Google OAuth, email OTP, and phone OTP.

  • Okto Embedded Wallet: Build a robust in-app wallet experience with multi-chain token/NFT support, raw transactions, and custom UI screens.

4. Example Apps

Learn by example with practical implementations of the Okto React SDK.

  • Template App: A fully working starter dApp that demonstrates best practices for integrating authentication, wallets, and multi-chain operations.
  • Example Repos: Check out some of the example repos to see what others have been building using Okto.

5. Troubleshooting & FAQ

Find solutions to common issues, debug errors, and learn how to get help when needed.

Get Started

Ready to dive in? We recommend you begin with our Getting Started guide to set up your environment, get your Okto API key, and spin up a simple React app. Once you’re comfortable with the basics, feel free to explore more advanced features or check out our example apps.

If you have any questions or need assistance, don’t hesitate to reach out via our Contact Us page or email us at [email protected].

Happy Building!

Next

Prerequisites

On this page