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 (e.g. Daily for WebRTC): 
npm i @pipecat-ai/react-native-daily-transport
npm i @daily-co/react-native-daily-js@^0.80.0
npm i @daily-co/react-native-webrtc@^118.0.3-daily.4
npm i @react-native-async-storage/async-storage@^1.23.1
npm i react-native-background-timer@^2.4.1
npm i react-native-get-random-values@^1.11.0
Installing @pipecat-ai/react-native-daily-transport automatically includes the corresponding version of the JavaScript SDK.
If you are using Expo, you will also need to add the following dependencies: 
npm i @config-plugins/react-native-webrtc@^10.0.0
npm i @daily-co/config-plugin-rn-daily-js@0.0.7

​
Requirements

This package introduces some constraints on what OS/SDK versions your project can support:
  • iOS: Deployment target >= 13
  • 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 voiceClient = new PipecatClient({
  transport: new RNDailyTransport(),
  enableMic: true
});

// Connect to your bot
await voiceClient.startBotAndConnect({
  endpoint: `${process.env.PIPECAT_API_URL || "/api"}/connect`
});

​
More Examples

Basic Example

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

Full Example

A more comprehensive 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

Helpers

Utility functions for common operations