> ## Documentation Index
> Fetch the complete documentation index at: https://stytch.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Installation

> How to install and set up the Stytch React Native SDK in your application.

For a full walk-through of how to get up and running with a sign-up and login flow using Stytch, check out our [Quickstart Guide](/docs/get-started/quickstart).

<Steps>
  <Step title="Install Packages">
    Install the `@stytch/react-native` and `@stytch/react-native-inappbrowser-reborn` packages:

    ````bash theme={null}
    npm install @stytch/react-native @stytch/react-native-inappbrowser-reborn --save

    If you are working in a bare workflow in iOS, you will need to run `pod install` within the `ios` directory to install the dependencies.
    </Step>
    <Step title="Create the Stytch client">
    Initialize the Stytch client, passing in your Project's `public_token` from the [Project Overview](https://stytch.com/dashboard) of the Stytch Dashboard.

    ```jsx
    import { StytchClient } from '@stytch/react-native';

    const stytch = new StytchClient('public-token-test-1234');
    ````
  </Step>

  <Step title="Wrap your application in <StytchProvider>">
    Next, pass the Stytch client to the `<StytchProvider>` component at the root of your application, making it accessible to all child components.

    ```jsx theme={null}
    import { StytchProvider } from '@stytch/react-native';
    import { stytch } from './stytch';

    export const App = () => {
      return (
        <StytchProvider stytch={stytch}>
          {/* Your app here */}
        </StytchProvider>
      );
    };
    ```
  </Step>

  <Step title="Add your login flow">
    You have now initialized the Stytch client, and can add the `<StytchLogin>` pre-built login component to get a robust, end-to-end login flow working with just a simple config.
  </Step>
</Steps>