> ## 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 B2B Frontend 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](/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 { StytchB2BClient } from '@stytch/react-native/b2b';

    const stytch = new StytchB2BClient('public-token-test-b8c84de4-7d58-4ffc-9341-432b56596862');
    ````
  </Step>

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

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

    export const App = () => {
      return (
        <StytchB2BProvider stytch={stytch}>
          <Component />
        </StytchB2BProvider>
      );
    };
    ```
  </Step>

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