---
title: Try out the DaVinci module for React Native
description: Quick-start tutorial for running the React Native PingSampleApp and authenticating users through a DaVinci flow with PingOne.
component: orchsdks
page_id: orchsdks:davinci:try-it-out/react-native/index
canonical_url: https://developer.pingidentity.com/orchsdks/davinci/try-it-out/react-native/index.html
llms_txt: https://developer.pingidentity.com/orchsdks/llms.txt
docs_for_agents: https://developer.pingidentity.com/build-with-ai/docs-for-agents.md
keywords: ["DaVinci", "Setup & Configuration", "Source Code", "Tutorial", "SDK", "React Native", "PingOne"]
section_ids:
  before_you_begin: Before you begin
  step_1_downloading_the_sample_repo: Step 1. Downloading the sample repo
  step_2_preparing_the_project: Step 2. Preparing the project
  step_3_configuring_connection_properties: Step 3. Configuring connection properties
  step_4_running_and_testing_the_app: Step 4. Running and testing the app
---

# Try out the DaVinci module for React Native

[icon: circle-check, set=far]PingOne [icon: react, set=fab]React Native

* [Prepare](00_before-you-begin.html)

* [Download](01_download_samples.html)

* [Install](02_prepare-projects.html)

* [Configure](03_configure_sample.html)

* [Run](04_run_the_sample.html)

**In this quick-start tutorial you configure the PingSampleApp application to connect to your PingOne environment and authenticate a user through a DaVinci flow.**

The sample app uses the React Native DaVinci module to render the collectors returned by the flow and manage the resulting user session.

The app runs natively on both Android and iOS from a single shared JavaScript codebase.

## [Before you begin](00_before-you-begin.html)

Before you begin this tutorial, configure your PingOne environment with a DaVinci flow, a DaVinci application, and an OAuth 2.0 client.

[**Complete prerequisites**[icon: chevrons-right, set=fas, size=xs]](00_before-you-begin.html)

## [Step 1. Downloading the sample repo](01_download_samples.html)

Clone or download the `ping-react-native-sdk` repository to get the `PingSampleApp` project.

[**Start step 1**[icon: chevrons-right, set=fas, size=xs]](01_download_samples.html)

## [Step 2. Preparing the project](02_prepare-projects.html)

Install the workspace and sample app dependencies, build the React Native SDK packages, and prepare the Android and iOS projects.

[**Start step 2**[icon: chevrons-right, set=fas, size=xs]](02_prepare-projects.html)

## [Step 3. Configuring connection properties](03_configure_sample.html)

Create a `.env` file in `PingSampleApp` and set the PingOne client, discovery endpoint, redirect URI, scopes, and flow policy values.

[**Start step 3**[icon: chevrons-right, set=fas, size=xs]](03_configure_sample.html)

## [Step 4. Running and testing the app](04_run_the_sample.html)

Start the Metro bundler, launch the app on Android or iOS, complete the server-defined DaVinci flow, view the session or token information, and sign out.

[**Try it out**[icon: chevrons-right, set=fas, size=xs]](04_run_the_sample.html)