---
title: Try out the Journey module for React Native
description: Quick-start tutorial for running the PingSampleApp React Native sample and authenticating users through a journey using the Ping Identity React Native SDK.
component: orchsdks
page_id: orchsdks:journey:try-it-out/react-native/index
canonical_url: https://developer.pingidentity.com/orchsdks/journey/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
section_ids:
  before_you_begin: Before you begin
  step_1_downloading_the_sample_repo: Step 1. Downloading the sample repo
  step_2_preparing_the_projects: Step 2. Preparing the projects
  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 Journey module for React Native

[icon: circle-check, set=far]PingOne Advanced Identity Cloud [icon: circle-check, set=far]PingAM [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* React Native sample application to connect to your PingOne Advanced Identity Cloud tenant or PingAM server to authenticate a user.**

The sample supports many of the callbacks used by authentication journeys in Advanced Identity Cloud and PingAM, including advanced use cases such as [Device Binding](../../use-cases/device-binding/index.html), [FIDO authentication](../../use-cases/fido/index.html), [external IdP integration](../../use-cases/external-idp/index.html), and [PingOne Protect](../../use-cases/protect/index.html).

The app runs natively on both iOS and Android from a single shared JavaScript codebase, using the Ping Identity React Native SDK.

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

Before you begin this tutorial ensure you have set up your development environment and configured your PingOne Advanced Identity Cloud tenant or PingAM server.

For example, you will need an OAuth 2.0 client application set up, as well as an authentication journey for the app to navigate.

[**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 Identity React Native SDK repository from GitHub to get the `PingSampleApp` project.

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

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

Install JavaScript dependencies, build the SDK packages, generate the Android signing keystore, and install iOS native dependencies with CocoaPods.

[**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 the `PingSampleApp` directory and set the connection properties, such as the server URL, realm, cookie name, client ID, discovery endpoint, redirect URI, and scopes.

[**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, authenticate as a demo user through a journey, view your tokens and user profile, then sign out.

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