Skip to main content
The Pipecat React Native SDK leverages the Pipecat JavaScript SDK and its PipecatClient to provide seamless integration for React Native applications. Since the JavaScript SDK is designed to work across both web and React Native platforms, the core functionalities remain the same:
  • Device and media stream management
  • Connecting to Pipecat bots
  • Messaging with Pipecat bots and handling responses using the RTVI standard
  • Managing session state and errors
The primary difference lies in the transport layer, which is tailored to support the unique requirements of the React Native environment. For example, when using the SDK with React Native, you would install RNDailyTransport instead of DailyTransport.

​
Installation

Install the SDK and a transport implementation. Follow the appropriate docs for each transport:
Installing the React Native automatically includes the corresponding version of the JavaScript SDK.

​
Requirements

This package introduces some constraints on what OS/SDK versions your project can support:
  • iOS: Deployment target >= 15
  • Android: minSdkVersion >= 24

​
Quick start

Here’s a simple example using Daily as the transport layer: 
import { RNDailyTransport } from "@pipecat-ai/react-native-daily-transport";
import { PipecatClient } from "@pipecat-ai/client-js";

// Create and configure the client
let pipecatClient = new PipecatClient({
  transport: new RNDailyTransport(),
  enableMic: true,
  enableCam: false
});

// Connect to your bot
await pipecatClient.startBotAndConnect({
  endpoint: `${process.env.PIPECAT_API_URL || "/start"}`,
});

​
More Examples

Basic Example

A basic example demonstrating how to integrate an RNDailyTransport with a React Native project.

Daily Full Example

A more comprehensive Daily example showcasing a more feature-rich React Native application along with a server-side bot component.

SmallWebRTC Full Example

A more comprehensive SmallWebRTC example showcasing a more feature-rich React Native application along with a server-side bot component.

​
Explore the SDK

The Pipecat React Native SDK leverages the Pipecat JavaScript SDK for seamless integration with React Native applications. For detailed information, refer to our JavaScript documentation.
Just ensure you use the appropriate transport layer for React Native.

Client Constructor

Configure your client instance with transport and callbacks

Client Methods

Core methods for interacting with your bot

API Reference

Detailed documentation of all available APIs